Vue-计算属性和监听属性

thiking

熟记Vue生命周期内的各个钩子函数以及其相应的对比和用法

计算属性（钩子函数--computed）

对于任何复杂的计算，都应当使用计算属性  比如说对文本插值表达式{{值的计算属性}}

如果需计算值属性依赖于另一个属性，当另一个值发生改变时，绑定的计算属性也会更新

计算属性缓存(computed)vs 方法(method)

计算属性是基于它们的响应式依赖进行缓存的，只有在相关响应式依赖发生改变时它们才会重新求值，多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数（这就有可能导致某些希望改变的值却没有改变）

相比之下，每当触发重新渲染时，调用方法将总会再次执行函数

为什么需要缓存？ 避免重复执行大数据量的计算

计算属性(computed) VS 侦听属性(watch)

数据变动时的监听

Vue提供了一种更通用的方式来观察和响应Vue实例上的变动：侦听属性(watch)

通常更好的做法是使用计算属性而不是命令式watch回调，为什么？

计算属性的setter

计算属性默认只有getter，不过也可以提供一个setter

侦听器

什么情况下，需要使用监听器？

当需要在数据变化时，执行异步或开销较大的操作时，这个方式是最有用的

比如说可以设置中间状态