vue2和vue3区别

如题所述

第1个回答  2024-03-21
数据双向绑定原理、定义变量和方法、父子之间传参、API类型不同。
1、vue2:利用ES5的一个APIObject.defineProperty对数据进行劫持,结合发布者订阅者模式的方式来实现的。vue3使用了ES6的ProxyAPI对数据代理。
2、vue2在data中定义变量,在methods中创建方法。vue3使用一个新的setup方法。
3、vue2:父传子:子组件通过prop接收子传父:子组件中通过$emit向父组件触发一个监听方法,传递一个参数。vue3使用setup中的第二个参数content对象中有emit,只需要在setup接收第二个参数中使用分解对象法取出emit就可以在setup方法中随意使用了。
4、vue2:选项型api(在代码中分割不同属性:data,computed,methods等)。vue3:组合型api(使用方法进行分隔,显得更加简便整洁)
相似回答