Vuejs框架学习计算属性

一、要实现的页面效果

二、分别通过插值语法、methods方法、计算属性实现

1.插值语法

模板中用插值语法，虽然比较方便，但是只能用来做简单的操作，如果在模板中写太多逻辑，会让模板变得臃肿，难以维护。

2.methods方法

同样，用methods方法也能实现一样的效果，但方法调用总是会在重渲染发生时再次执行函数，因此增加了计算量。

3.计算属性

计算属性的结果会被缓存，计算属性仅会在所依赖的数据更新时才重新计算，因此有效的降低了计算量。

转载请注明：http://www.aierlanlan.com/grrz/2357.html