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来使用