watch 和 computed 的区别

computed：计算属性

1. 计算属性是由data中的已知值，得到的一个新值。
2. 这个新值只会根据已知值的变化而变化，其他不相关的数据的变化不会影响该新值。
3. 计算属性不在data中，计算属性新值的相关已知值在data中。
4. 当我们某一个值依赖于多个值时，建议使用computed，其中任何一个值变化时，该值都能及时更新。
5. computed计算属性是用来声明式的描述一个值依赖了其它的值。当你在模板里把数据绑定到一个计算属性上时，Vue 会在其依赖的任何值导致该计算属性改变时更新 DOM。这个功能非常强大，它可以让你的代码更加声明式、数据驱动并且易于维护。

watch：监听数据的变化

1. 监听data中数据的变化
2. 监听的数据就是data中的已知值
3. 当我们一个值被多个值依赖时，建议使用watch，当这个值变化时，所有依赖它的值都会及时更新。

 

https://blog.csdn.net/weixin_39015132/article/details/83310726