一次性搞懂vue中计算属性computed和侦听属性watch的区别😼

195 阅读1分钟

computed 和 watch之间的区别

1、computed能完成的功能,watch都能完成

2、watch能完成的功能,computed不能完成。例如:异步

两个原则

1、所有vue管理的函数,都要写成普通函数,这样this的指向才是vm或者组件实例对象

2、所有不被vue管理的函数(定时器的回调函数、ajax的回调函数等),最好都写成箭头函数,这样this的指向才是vm或组件实例对象

Snipaste_2022-05-05_21-03-53.png

Snipaste_2022-05-05_21-13-02.png

tips:如果此处的箭头函数改成普通函数,那么console.log(this)会打印window对象,而window对象里没有我们要的firstName和lastName,两个字,白搭。