Vue methods computed watch 区别

如果涉及到比较复杂的场景，我们应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值，当依赖的值发生改变时，其值才会相应的发生更改并更新相关的dom。计算属性与methods区别并不明显，但在一些比较复杂或是数据量比较大的，并存在一些依赖关系的时候，计算属性的优势就会突显出来，此时使用计算属性会大大提高我们的性能。

计算属性：只要依赖的数据没发生改变，我们就可以直接返回缓存里的数据，而不需要每次都重复执行数据操作。

Methods: 只要发生重新渲染，method 调用总会执行该函数。鉴于两者的区别，我们可以根据其需求和场景进行合理的选择。

watch：用于观察和响应Vue实例上的数据变动,当你想要在数据变化响应时，执行异步操作或开销较大的操作，这时使用watch将是更好的选择。使用watch代码很容易理解，它指定监测的值是谁，然后相应的改变其他的值