前端Vue.js学习——计算属性缓存 vs 方法

今天学习了Vue的计算属性computed。

 

这里简单举个例子比较其和方法的区别。他们之间的区别就在于执行的条件。

 

可以先去Vue网站https://cn.vuejs.org/v2/guide/computed.html看看里面的讲解。下面是我学习的例子

可以看出属性和方法都执行了。现在我们分别改变message和msg的值。

可见只要触发重新渲染（页面的元素改变），方法都会执行一次（都会打印方法调用），而属性的依赖（msg）没有发生改变，计算属性会立即返回之前的计算结果，而不必再次执行函数（打印属性更新）。