Vue.js监听事件

普通监测

vue中的监听事件非常简单,因为双向绑定的缘故,我们只需要对值name进行监听,触发dataload事件

data() {
    return {
        name:'',   
    }
},
watch:{
    'name':'dataload',//或者下面的方法
    name(newValue, oldValue) {
        alert(newValue)
    }

},
methods:{
    dataload(){
        alert(this.name);
    }
}

对象里的属性进行监测

data() {
  return {
    person: {
            name:'',
        age:'',
    }   
    }
},
watch:{
    'person.name':{
            handler:'showName',
            // 深度观察
            deep:true
	},
},
methods: {
	showName(){
	    alert(this.person.name);
    }
}
posted @ 2017-09-19 10:37  Curry.Zhang  阅读(524)  评论(0编辑  收藏  举报