watch、computed、methods的区别

发布时间 2023-06-14 10:39:05作者: 有只小菜猫

一、计算属性【computed】

  • 对于任何复杂逻辑,你都应当使用计算属性
  • 是根据依赖关系进行缓存的计算,只有在它的相关依赖发生改变时才会进行更新

  • 默认使用的是getter属性

  • 当一个数据受多个数据影响时,可以使用computed

<!-- 复杂运算 -->
<div>{{message.split('').reverse().join('')}}</div>
<!-- 计算属性代替复杂运算 -->
<div>{{reverseMessage}}</div>
computed: {
<!-- 计算属性的getter -->
reverseMessage: function () {
        return this.message.split('').reverse().join('');
    }
}

二、Computed 和 Watch 的区别

 三、Computed 和 Methods 的区别