Vue - 计算属性

computed

计算属性中只有 方法（个人理解）

<script>
new Vue({
  el: '#app',
  data: {
   
  },
	computed:{
		方法名称(){
			return 函数的返回值;
		}
	}
		
})
</script>

1. 什么是vue计算属性？

• 计算属性关键词: computed。
• 在Vue实例中 【关键词: computed】 所包含的内容

2. 计算属性的作用是什么？

• 简化减少模板中大量的逻辑代码，提高代码可读性，优化代码可维护性

3. 计算属性与方法（methods）的区别？

• computed = methods + 缓存机制
• 计算属性会进行缓存，如果依赖不变，则直接使用缓存结果，不会重新计算
• 计算属性默认只读
• 计算属性使用时，被当成属性直接使用，而方法需要被调用
• 计算属性可以当成属性赋值

我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行。

4. 使用方式方法

• “Mustache”(小胡子语法)中直接调用 computed 中的方法名称