这是 vue2 和 vue3 之间最大的区别
vue2 使用选项类型 API(Options API)相比之下
vue3 使用合成型 API (Composition API)
vue2 的双向绑定是利用 ES5 的一个 API Object.definePropert() 对数据进行结合 发布定阅模式的方式来实现的
vue3 中使用了 es6 的 Proxy API 对数据代理
就是说在组件可以拥有多个根节点
Vue2 这里把数据放入 data 属性中
Vue3 我们就需要使用一个新的 setup() 方法 方法在组件初始化构造的时候触发
| Vue2 | Vue3 |
|---|---|
| beforeCreate | setup() |
| created | setup() |
| beforeMount | onBeforeMount |
| mounted | onMounted |
| beforeUpdate | onBeforeUpdate |
| updated | onUpdated |
| beforeDestroy | onBeforeUnmount |
| destroyed | onUnmounted |
| activated | onActivated |
| deactivated | onDeactivated |