计算属性
如果模板中的表达式过长，或逻辑复杂时，代码会变得臃肿甚至难以阅读和维护，此时应该使用计算属性。
所有的计算属性都以函数的形式写在 Vue 实例内的 computed 选项内，最终返回计算后的结果。
在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。
计算属性还可以依赖多个 Vue 实例的数据。只要其中任一数据发生变化，计算属性就会重新执行，视图也会更新
getter 和 setter
每一个计算属性都包含一个 getter 和一个 setter 。
计算属性的默认用法是 getter 函数。当你需要时，也可以提供一个 setter 函数，当手动修改计算属性的值就会触发 setter 函数。
计算属性可以依赖其他计算属性和其他 Vue 实例的数据。
计算属性的缓存
调用 methods 里的方法也可以与计算属性起到同样的作用。
如果是调用方法，只要页面重新渲染，方法就会重新执行，页面不需要渲染，则不需要重新执行。
而计算属性，不管页面是否重新渲染，只要计算属性依赖的数据未发生变化，就永远不变。
使用计算属性还是 methods 取决于你是否需要缓存。
网友评论