Vue2采用Options API，Vue3引入Composition API提供更灵活的代码组织方式。Vue3的双向绑定改用Proxy实现，支持Fragments，即组件可有多个根节点。生命周期钩子变化，新增setup()方法。父组件传参及组件间通信也有所调整，并引入Teleport组件进行位置瞬移。
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 |
最低0.47元/天 解锁文章
4308
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
