简单易懂,vue中watch的那些事(数据发生变化,执行函数)

74 阅读1分钟

需求:数据发生变化,执行函数,这时需要watch属性,和created()平级

代码如下

 watch: {
    //value1需要监听发生修改的数据
    value1: {
     // 深度监听,可监听到对象、数组的变化
     handler() { 
       // 这里是操作的代码
       console.log(this.value1);
     },
    deep: true,
   //deep 是否深度监听
   },
 },

注意:如果data中没有相应的属性的话,是不能使用watch的