vue中的监听事件watch用法

vue中的监听事件watch用法

// watch能监听
var vue = new Vue({
    data:{
        a:1,
        b:[],
        c:{
            d:2,
            e:"3"
        }
    },
    methods:{
        clickMethod(){
            this.c.f=4      // 通过点方法给对象添加属性，这时候watch监听不到变化
            this.$set(this.c,"f",4)   // 通过$set方法添加属性，watch能监听到变化
        }
    },
    watch:{
        // 当a的值发生改变时触发
        a:function(val,oldVal){
            console.log('new:%s,old:%s',val,oldVal)
        }，
        // 数组长度发生变化时触发
        b:function(val,oldVal){
    		console.log('new:%s,old:%s',val,oldVal)
		}，
        // 对象中的属性值发生变化时触发
        c:{
            handler: function (val, oldVal) {
                console.log('new:%s,old:%s',val,oldVal)
            },
      		deep: true   // 深度监听，监听到更深层级值的变化
        }
    }
})


监听对象里I面的方法：
或者可以这样写：
当一个值发生变化时候，把这个值，进行操作；
        watch: {
             'formData.xl': function (newVal, oldVal) {
                 this.formData.xlmc = this.formData.xl;
             }
        },