vue中 watch和computed区别

   自我理解区别：（初级学习一些认识，可能深入学习之后是错误的）

   使用方式： 

        data:{

            number:0

         },

        computed:{

          newNumber(){

             console.log('computed:'+this.number);

            return this.number+1;

           }

        },

         watch:{

number(){

console.log('watch:'+this.number);

}

}

 

此例子中，watch监视的是number，只要当number值改变的时候，就会执行number()中函数;ps:需要监视哪个变量，就在watch中用函数进行监视

 

computed中需要新定义一个函数，当this.number改变时，就会执行newNumber函数，调用时，直接用函数名（newNumber）获取数据即可，不需要括号，同时如果需要执行newNumber()函数，则必须在页面中调用，才会执行函数；ps:只有页面中调用newNumber时，才会去执行