vue 2.0 watch监听属性

  watch是vue2提供的监听数据新旧变化的方法 

export default {

    data() {
        return {
             pageSize:10
        };
    },
    

    watch:{
     pageSize:{//pageSize是在data{}里面定义的数据在这里监听不加this
       handler(newVal,oldVal){//handler()函数接有两个形参newVal是变化后的数据 oldval是变化前的数据
           console.log(newVal);
           if(newVal<1){
                 this.pageSize=1
           }
        },
    deep:true,//开启深度监听 设置深度监听后可以监听到对象内数据的变化
    immediate:true//一开始就监听 
    }
    },

    
};