Vue2.0和Vue3.0的主要区别
| Vue2.0 | Vue3.0 | |
|---|---|---|
| API类型 | Option(选项式) | Composition(组合式) |
| 响应式系统 | 基于Object defineProperty，有一定的局限性 | 基于ES6 Proxy,能够更好地支持动态添加属性和删除属性 |
| 声明响应式变量 | 需在data声明 | 使用ref,reactive声明 |
| 生命周期 | beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy destroyed | setup、onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted |
| 根节点 | 一个 | 支持多个 |
| Diff算法 | 双端Diff算法 | 最长递增子序列 |
| 模版指令 | v-for优先级高于v-if;v-on:native | v-if优先级高于v-for; v-on:native修饰符已被移除 |
| Typescript支持 | 需要额外配置 | 原生支持 |
