Vue的计算属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue的计算属性相关的知识，希望对你有一定的参考价值。
参考技术A computed主要的作用:分离逻辑(模板和数据分离)
缓存值
双向绑定(getter,setter)
调用 methods 里的方法也可以与计算属性起到同样的作用。
方法methods ： 如果是调用方法，只要页面重新渲染，方法就会重新执行；若不需要渲染，则不需要重新执行。
计算属性computed：不管是否渲染，只要计算属性依赖的数据（缓存）未发生变化，就永远不变。
( 计算属性缓存是定义在计算属性 computed 里的。)
(1)用计算属性可以实现的问题，在 methods 里定义一个方法也可以实现相同的效果，甚至该方法还可以接受参数，使用起来更灵活。
(2)既然使用 methods 就可以实现，那么为什么还需要计算属性呢？因为计算属性是基于它的依赖缓存的，一个计算属性所依赖的数据发生变化时，它才会重新取值，所以只要依赖的数据不改变，计算属性也就不更新。
使用计算属性还是 methods 取决于是否需要缓存，当遍历大数组和做大量计算时，应当使用计算属性，除非不希望得到缓存；
当需要数据实时发生变化时，适合用 methods。
https://www.jianshu.com/p/6a1a4b61a7f6
https://www.jianshu.com/p/56f337688d6b
vue计算属性computed与监听属性watch的基本使用
目录
Vue.js 计算属性
计算属性关键词: computed。
计算属性在处理一些复杂逻辑时是很有用的。
反转字符串的示例
<!DOCTYPE html>
<html>
<he以上是关于Vue的计算属性的主要内容，如果未能解决你的问题，请参考以下文章