Uni-App学习:Vue计算属性computed

如果我们想通过一个成绩来得到等级:
<span>{{ author.chengji >= 85 ? '优' : '良' }}</span>

可以在标签内渲染一个计算结果达到目的，不过这样会导致运算代码和其他标签内容混淆看起来很臃肿，我们可以通过Vue的计算属性computed来达到分开计算的方法:
computed: {
		chengji:function() {
			return this.chengji >= 85 ? '优' : '良';
		}
}
><span>{{ chengji }}</span>

计算属性值会基于其响应式依赖被缓存，如果计算的参数没有发生改变，那么就会直接调用缓存中的结果，而不用再次调用函数获取结果
如果使用methods方法来计算的话，每当数据改变时页面会重新渲染，全部函数将全被执行