vue-watch 深度监听!!
2017-09-02 16:47
405 查看
watch:{} 对象,可监听数据,数据发生变化, 处理函数
目的: watch虽可监听,但只是浅监听,只监听数据第一层或者第二层,
何为第二层?
let obj = {name: 'xx', child: {age: 11}};
child之后的值就为第二层或者深层
实现目标: 如果 要监听一个对象中的属性,属性最高也是第二层了,watch可能监听不到,
所有要使用深度监听:
实现代码:
watch: {
' user.phone ' : {
handel:function() { //特别注意,不能用箭头函数,箭头函数,this指向全局
处理函数
},
deep: true //深度监听
}
}
目的: watch虽可监听,但只是浅监听,只监听数据第一层或者第二层,
何为第二层?
let obj = {name: 'xx', child: {age: 11}};
child之后的值就为第二层或者深层
实现目标: 如果 要监听一个对象中的属性,属性最高也是第二层了,watch可能监听不到,
所有要使用深度监听:
实现代码:
watch: {
' user.phone ' : {
handel:function() { //特别注意,不能用箭头函数,箭头函数,this指向全局
处理函数
},
deep: true //深度监听
}
}
相关文章推荐
- 005 - vue之watch深度监听数据变化
- vue中的watch监听事件机制
- vue中的watch监听事件机制
- vue2.0使用watch监听对象属性
- vue中的watch监听事件机制
- vue中的watch监听事件机制
- 基于vue-cli的vue项目之路由3--watch监听路由
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化
- Vue数据监听方法watch的使用
- vue中的watch监听事件机制
- vue中的watch监听事件机制
- vue1.0和vue2.0的watch监听事件写法详解
- vue父子组件传值,实现深度监听对象,双向绑定
- vue中的watch监听事件机制
- vue中的watch监听事件机制
- Vue慢慢来 $watch监听数据
- vue1.0和vue2.0的watch监听事件写法
- vue中的watch监听事件机制
- vue中的watch监听事件机制
- 基于vue-cli的vue项目之vuex的使用5------watch监听vuex内部数据变化