1. 程式人生 > 其它 >vue3.0的文件學習

vue3.0的文件學習

  • 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來使用