Vue3 对比 Vue2 的变化

Vue3 对比 Vue2 的变化

1.源码组织方式变化:使用 TS 重写

2.支持 compositionAPI,基于函数的 api,更灵活组织组件逻辑(Vue2 使用 options api)

3.响应式系统提升:Vue3 的响应式数据原理改成了 Proxy,可以监听动态新增删除属性,以及数组变化

4.编译优化:Vue 通过标记静态根节点来优化 Diff,Vue 则标记和提升所有静态根节点,Diff 的时候只需要去对比动态节点的内容

5.打包体积优化:移除了一些不常用的 api(inline-template,filter)

6.生命周期的变化,使用 setup 替代了 beforeCreate 和 created

7.template 支持多个根标签

8.Vuex 状态管理,创建实例的方式,Vue2 使用 new store;Vue3 使用 createStore;

9.Route 获取页面实例以及路由信息,Vue2 使用 this 的方式获取;而 Vue3 采用 getCurrentInstance/userRoute,userRouter 的方式来获取

10.对 props 的使用:Vue2 通过 this 的方式使用;Vue3 则直接通过 props 使用;

11.父子组件传值:Vue3 中当子组件向父组件返回数据时,如果使用的是自定义名称,像 backData,则需要在 emits 定义一下

相关推荐
li理3 分钟前
鸿蒙应用开发完全指南:深度解析UIAbility、页面与导航的生命周期
前端·harmonyos
去伪存真10 分钟前
因为rolldown-vite比vite打包速度快, 所以必须把rolldown-vite在项目中用起来🤺
前端
KubeSphere11 分钟前
Kubernetes v1.34 重磅发布:调度更快,安全更强,AI 资源管理全面进化
前端
wifi歪f26 分钟前
🎉 Stenciljs,一个Web Components框架新体验
前端·javascript
1024小神30 分钟前
如何快速copy复制一个网站,或是将网站本地静态化访问
前端
掘金一周30 分钟前
DeepSeek删豆包冲上热搜,大模型世子之争演都不演了 | 掘金一周 8.28
前端·人工智能·后端
moyu8435 分钟前
前端存储三剑客:Cookie、LocalStorage 与 SessionStorage 全方位解析
前端
不爱说话郭德纲39 分钟前
👩‍💼产品姐一句小优化,让我给上百个列表加上一个动态实时计算高度的方法😿😿
前端·vue.js·性能优化
现在没有牛仔了42 分钟前
小试牛刀,用electron+vue3做了一个文件归纳程序~
前端·electron
FogLetter43 分钟前
Prisma + Next.js 全栈开发初体验:像操作对象一样玩转数据库
前端·后端·next.js