如果涉及到比较复杂的场景,我们应该使用计算属性。计算属性是用来声明式的描述一个值依赖了其它的值,当依赖的值发生改变时,其值才会相应的发生更改并更新相关的dom。计算属性与methods区别并不明显,但在一些比较复杂或是数据量比较大的,并存在一些依赖关系的时候,计算属性的优势就会突显出来,此时使用计算属性会大大提高我们的性能。
计算属性:只要依赖的数据没发生改变,我们就可以直接返回缓存里的数据,而不需要每次都重复执行数据操作。
Methods: 只要发生重新渲染,method 调用总会执行该函数。鉴于两者的区别,我们可以根据其需求和场景进行合理的选择。
watch:用于观察和响应Vue实例上的数据变动,当你想要在数据变化响应时,执行异步操作或开销较大的操作,这时使用watch将是更好的选择。使用watch代码很容易理解,它指定监测的值是谁,然后相应的改变其他的值