vue3.0的文件學習
阿新 • • 發佈:2021-07-02
- data選項:
在2.0中data可以是 物件或者 函式
3.0只允許是一個函式。
data的Mixin的結合,解析嘗試的變化$data的變化
const Mixin = { data() { return { user: { name: 'Jack', id: 1 } } } } const CompA = { mixins: [Mixin], data() { return { user: { id: 2 } } } }
2.0
{
"user": {
"id": 2,
"name": "Jack"
}
}
3.0
{
"user": {
"id": 2
}
}
就是不把Mixin 下面的data整合到了本元件的data下面。
emits
選項
這個主要的是因為3.0把v-on.native修飾符給刪了,當需要使用到context.emit時候儘量在emits選項中註冊,這樣會避免會把click事件繫結到了子元件的根元素上面,還有減少不必要的產生兩次點選事件。
- 自定義指令的變化
- new Vue 和 creatapp的區別
使用new vue 例項了一個vue的物件,但是他們的全域性api還是相同的都是在原型上面,這個壞處就是明明是兩個不同的例項,但是他們公共的資源還是相同共享的,但是有created就不一樣了是例項了不同vue的物件,公共資源是不共享的。
然後為什麼在開發的使用我們頁面不用掛在到vue中是因為有一個router把那些頁面元件掛在到了app,因為router在需要app.use(router), 然後就是當我們使用其他外部元件 也是如此的掛載上去的。
- 元件傳值也可以使用provide 和 inject來使用