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);
    }
}