一、定义
在模板中,对于任何复杂逻辑，应当使用计算属性
【Demo实例地址 https://jsbin.com/zehemop/2/edit?html,output 】
二、用法
1､所有计算属性都以函数形式写在 Vue 实例内的 computed 选项内，返回计算后的结果
2､可以依赖多个Vue实例数据，只要其中任一个数据变化，计算属性会重新执行，视图也更新
【Demo实例地址 https://jsbin.com/hajucur/edit?html,console,output 】
三、setter|getter
计算属性默认只有 getter ，不过在需要时可以提供一个 setter
当手动修改计算属性的值就像修改一个普通数据那样时，就会触发 setter函数，执行一些自定义的操作
【Demo实例地址 https://jsbin.com/qoduboh/1/edit?html,output 】
四、计算属性缓存
调用 methods 里的方法与计算属性起到同样的作用
页面中的方法： 如果是调用方法，只要页面重新渲染。方法就会重新执行，不需要渲染，则不需要重新执行 计算属性：不管是否渲染，只要计算属性依赖的数据未发生变化，就永远不变
当遍历大数组和做大量计算时，应当使用计算属性，除非你不希望得到缓存
网友评论