网站被百度降权了怎么办,网站开发大赛,心理咨询在线免费咨询,济南网站建设哪里好Vue2中数据的响应式
需要使用Vue.set这么一个api#xff0c;修改数据
需要使用Vue.delete这么一个api#xff0c;删除数据
数据代理这个当面的理解可以看看我前面文章Vue全流程--数据代理的理解以及在Vue中的应用-CSDN博客
Vue3中数据的响应式
Vue3使用proxy这个api实现…Vue2中数据的响应式
需要使用Vue.set这么一个api修改数据
需要使用Vue.delete这么一个api删除数据
数据代理这个当面的理解可以看看我前面文章Vue全流程--数据代理的理解以及在Vue中的应用-CSDN博客
Vue3中数据的响应式
Vue3使用proxy这个api实现数据代理。相较于Vue2.0多了一个删除和增加时及时响应的能力
代理数据reactive源数据实现对数据的增删改查
reflect(源数据)将代理数据的修改反射到源数据上
const p new Proxy(person,{//有人读取p的某个属性时调用get(target,propName){console.log(有人读取了p身上的${propName}属性)return Reflect.get(target,propName)},//有人修改p的某个属性、或给p追加某个属性时调用set(target,propName,value){console.log(有人修改了p身上的${propName}属性我要去更新界面了)Reflect.set(target,propName,value)},//有人删除p的某个属性时调用deleteProperty(target,propName){console.log(有人删除了p身上的${propName}属性我要去更新界面了)return Reflect.deleteProperty(target,propName)}})
