Vue之watch

一、什么是watch

watch:用于监听data里面的数据是否被修改，一旦修改就可以执行一些其他的 *** 作【也是方法】

二、解析watch

watch在监听的时候，可以有二次参数，第一次参数为更新的数据，第二个参数为之前的旧数据

   


    
    
    



    {{text}}
    监听

三、watch和计算属性的区别

计算属性和监听属性的不同
    1.计算属性的get必须有return，而监听属性return可有可无
    2.计算属性具有缓存的效果，而监听属性没有缓存
    3.计算属性可以自定义名称，而监听属性只能监听和data里面的名称相同
    4.计算属性适用于复杂的运算，而监听属性适合一些消耗性功能，比如Ajax

四、watch高级

当使用watch监听的时候，我们可能会发现它可以监听某个数据【单数据，数组】，但是当监听对象的时候，明明数据修改了，却没有监听的提示，这是为什么呢？

这个时候，需要我们开启深度监控，因为在我们没有开启深度监控的时候，watch只会监听第一层，而对象的数据修改了，但对象它的首地址没有修改，所以watch判定它没有发生数据的变化，从而监听不到

    
    
    



    {{text}}
    监听
    {{array}}
    更改数组的值