在基于vue框架的前端项目开发过程中，只要涉及到稍微复杂一点的业务，我们都会用到computed计算属性这个钩子函数，可以用于一些状态的结合处理和缓存的操作。

deep然而，当我们监听的数据是比较深层次，比如要监听的数据是一个对象，就需要用到deep这个属性,属性默认为false;我之前比较有误解的地方就是，总是会以为如果监听的数据如果是在一个对象中，就要使用deep;

vue中使用了watch侦听属性用来监听和响应 Vue实例上的数据变动.下面的代码展示的是watch属性的完整用法，在工作中发现可以根据不同的情况使用watch属性有三种不同的写法

为什么要注销 watch？因为我们的组件是经常要被销毁的，比如我们跳一个路由，从一个页面跳到另外一个页面，那么原来的页面的 watch 其实就没用了，这时候我们应该注销掉原来页面的 watch 的，不然的话可能会导致内置溢出

这个属性用来监视某个数据的变化，并触发相应的回调函数执行，添加watch属性，值为一个对象。对象的属性名就是要监视的数据，属性值为回调函数，每当这个属性名对应的值发生变化