computed和watch之间的区别

computed和watch之间的区别

1. computed能完成的功能，watch都可以完成。
2. watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作。setTimeout(()=>{操作})
   其中setTimeout因为在watch中所以如果不写箭头函数，定时器指定的函数会被js引擎帮忙调用。此时里指定的函数内的this被js指定为window，而如果写成箭头函数，那么指定的方法就没有了自己的this，此时就需要想外寻找，而此时的外部是watch内部的监控方法，监控方法是vue所管理的函数，所以向外找的结果就是this为vue，故加箭头的this指定的是vue

两个重要的小原则：

1. 所有被vue管理的函数最好写成普通函数（methods内的函数或其他有被管理的），这样this的指向才是vue 或 组件实例对象。
2. 所有不被vue所管理的函数（定时器的回调函数，ajax，axios的回调函数等）最好写成箭头函数，这样this的指向才是vue 或 组件实例对象。