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引入了refreactive函数来将使得变量成为响应式的数据

双向绑定 

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

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

生命周期

 

文章参考:

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

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

Logo

前往低代码交流专区

更多推荐