Vue2 和 Vue3 的区别
Composition API
这是 vue2 和 vue3 之间最大的区别
vue2 使用选项类型 API(Options API)相比之下
vue3 使用合成型 API (Composition API)
vue2 和 vue3 双向绑定原理发生了改变
vue2 的双向绑定是利用 ES5 的一个 API Object.definePropert() 对数据进行结合 发布定阅模式的方式来实现的
vue3 中使用了 es6 的 Proxy API 对数据代理
Vue3 支持碎片(Fragments)
就是说在组件可以拥有多个根节点
建立数据
Vue2 这里把数据放入 data 属性中
Vue3 我们就需要使用一个新的 setup() 方法 方法在组件初始化构造的时候触发
生命周期钩子不同 Lifecyle Hooks
Vue2 | Vue3 |
---|---|
beforeCreate | setup() |
created | setup() |
beforeMount | onBeforeMount |
mounted | onMounted |
beforeUpdate | onBeforeUpdate |