网页制作门户网站案例,wordpress发表评论项,档案信息网站建设情况,网站布局方法Vue3 对比 Vue2 的变化 1.源码组织方式变化#xff1a;使用 TS 重写 2.支持 compositionAPI#xff0c;基于函数的 api#xff0c;更灵活组织组件逻辑(Vue2 使用 options api) 3.响应式系统提升#xff1a;Vue3 的响应式数据原理改成了 Proxy#xff0c;可以监听动态新增删…Vue3 对比 Vue2 的变化 1.源码组织方式变化使用 TS 重写 2.支持 compositionAPI基于函数的 api更灵活组织组件逻辑(Vue2 使用 options api) 3.响应式系统提升Vue3 的响应式数据原理改成了 Proxy可以监听动态新增删除属性以及数组变化 4.编译优化Vue 通过标记静态根节点来优化 DiffVue 则标记和提升所有静态根节点Diff 的时候只需要去对比动态节点的内容 5.打包体积优化移除了一些不常用的 api(inline-template,filter) 6.生命周期的变化使用 setup 替代了 beforeCreate 和 created 7.template 支持多个根标签 8.Vuex 状态管理创建实例的方式Vue2 使用 new storeVue3 使用 createStore; 9.Route 获取页面实例以及路由信息Vue2 使用 this 的方式获取而 Vue3 采用 getCurrentInstance/userRoute,userRouter 的方式来获取 10.对 props 的使用Vue2 通过 this 的方式使用Vue3 则直接通过 props 使用 11.父子组件传值Vue3 中当子组件向父组件返回数据时如果使用的是自定义名称像 backData则需要在 emits 定义一下