Vue使用看监听一个对象中的属性的实现方法 - 行业资讯 - 肥雀云

Vue提供了一个看方法可以让使用者去监听某些数据内的数据变动,触发相应的方法,比如

　　　　　　queryData: { 　　名称:”, 　　创造者:”, 　　selectedStatus:”, 　　时间:[], 　　}，　　之前　　　　

现在我需要监听这个queryData,我可以这样做:

　　　　　　看:{ 　　queryData: { 　　处理程序:函数(){//做某事　　}，　　深:真　　} 　　} 　　之前　　　　

里面深的设为了真的,这样的话,如果修改了这个queryData中的任何一个属性,都会执行处理程序这个方法。不过其实这样开销是蛮大的,尤其是对象里面结构嵌套过深的时候,而且有时候我们就想关心这个对象中的某个属性,比如名字,这个时候可以这样

　　　　　　看:{ 　　“queryData.name”: { 　　处理程序:函数(){//做某事　　}，　　} 　　} 　　之前　　　　

或者还可以这样巧用计算属性

　　　　　　计算:{ 　　getName:函数(){ 　　返回this.queryData.name 　　} 　　} 　　看:{ 　　getName: { 　　处理程序:函数(){//做某事　　}，　　} 　　} 　　　　之前　　　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持只