irpas技术客

Vue3和Vue2的区别_Jocelyn_书

irpas 6334

????????vue经历从2.0到3.0更新之后,简??之就是变得更轻,更快,使?起来更加?便,每?次的版本迭代都是对上?个版本的升级优化,不管 是对于我们开发者还是对于?户体验都是不断地在越来越?便,?

选项式Api与组合式Api

vue2:选项式API

vue3: 组合式API?

选项式Api是将data和methods包括后面的watch,computed等分开管理,而组合式Api则是将相关逻辑放到了一起(类似于原生js开发)。

setup语法糖则可以让变量方法不用再写return,后面的组件甚至是自定义指令也可以在我们的template中自动获得。

ref 和 reactive

在vue2中,data函数中的数据都具有响应式

Vue3引入了ref和reactive函数来将使得变量成为响应式的数据

双向绑定?

?vue2?的双向数据绑定是利?ES5 的?个 API ,Object.definePropert()对数据进?劫持 结合 发布订阅模式的?式来实现的

vue3?中使?了 es6 的 ProxyAPI 对数据代理,通过 reactive() 函数给每?个对象都包?层 Proxy,通过 Proxy 监听属性的变化,从? 实现对数据的监控。

生命周期

?

文章参考:

?想知道Vue3与Vue2的区别?五千字教程助你快速上手Vue3! - 掘金

Vue2.0和Vue3.0的区别 - 掘金


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Vue3和Vue2的区别