Vue2.x和Vue3.x的详细对比
Vue
2024.09.27 20:19
阅读 6
数据双向绑定原理
vue2.x 使用的是 Objectdefineproperty() 进行数据劫持 结合发布者-订阅者模式 完成的
vue3.x 使用 es6 提供的 proxy API 进行数据代理
创建实例
vue2.x 通过new Vue()
- - - --
- - - --
- ---
-- --
-- - - ----
---vue3.x 通过createApp()
- - - - - -
- - - -
---------生命周期
| vue2.x | vue3.x | 说明 |
| beforeCreate | setup | 创建前 |
| created | setup | 创建后 |
| beforeMount | onBeforeMount | 挂在前 |
| mounted | onMounted | 挂在后 |
| beforeUpdate | onBeforeUpdate | 更新前 |
| updated | onUpdated | 更新后 |
| beforeDestroy | onBeforeUnmount | 销毁前 |
| destroyed | onUnmounted | 销毁后 |
根节点
vue2.x 只能是一个根节点
---
---
-- -
-- -
-- -
---
---vue3.x 可以是多根节点
---
-- -
-- -
-- -
---
学无止境 学至分享
大家好，我是对IT技术着迷的家伙。只为帮助广大程序猿，将正确的内容带给需要的人。
学至分享
微信小程序
随时随地、想看就看
GM记账助手
微信小程序
方便快捷、界面美观
eView
微信小程序
漂亮的跨平台组件库
文章标签
推荐工具
