computed和watch之间的区别
- computed能完成的功能,watch都可以完成。
- watch能完成的功能,computed不一定能完成,例如:watch可以进行异步操作。
setTimeout(()=>{操作})
其中setTimeout因为在watch中所以如果不写箭头函数,定时器指定的函数会被js引擎帮忙调用。此时里指定的函数内的this被js指定为window,而如果写成箭头函数,那么指定的方法就没有了自己的this,此时就需要想外寻找,而此时的外部是watch内部的监控方法,监控方法是vue所管理的函数,所以向外找的结果就是this为vue,故加箭头的this指定的是vue
两个重要的小原则:
- 所有被vue管理的函数最好写成普通函数(methods内的函数或其他有被管理的),这样this的指向才是vue 或 组件实例对象。
- 所有不被vue所管理的函数(定时器的回调函数,ajax,axios的回调函数等)最好写成箭头函数,这样this的指向才是vue 或 组件实例对象。