Vue基础:计算属性 与 侦听器

(一)计算属性computed 对于任何复杂逻辑,你都应当使用计算属性。 1. 基本使用 计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要依赖数据没有发生改变,computed将从缓存中获取之前的计算结果,而不必再次执行函数。 例子: Original message: {{ message }} Computed reversed message: {{ reversedMessage }} var vm = new Vue({ el: '#example', data: { message: 'Hello'