对比分析vue2.0与vue3.0的核心区别,让你快速掌握它们的差异
发布时间
阅读量：
阅读量
1:vue3.0和2.0的区别
2.0数据双向绑定方面
Vue2.0采用Object.defineProperty技术实现数据响应式机制。其核心在于利用该方法对对象属性的访问器（getter）与设置器（setter）进行拦截，当检测到数据发生变化时，系统将触发相应的更新通知。
// 数据
let data = {
title: '',
// 备份数据
_data: {}
}
// 定义特性
Object.defineProperty(data, 'title', {
// 定义特性属性或者特性方法
// 取值方法
get() {
// console.log('get')
// 注意：不能通过自身属性取值
// return this.title
// 返回备份的数据
return this._data.title;
},
// 赋值方法
set(value) {
// this指向对象
// 注意：不能为自身属性赋值
// this.title = value
// 我们可以向备份数据中存储
th全部评论 (0)
还没有任何评论哟~