vue3学习(四)computed计算属性

computed计算属性

计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。

vue2中的用法

computed: {
  reversedMessage: function () {
    return this.message.split('').reverse().join('')
  }
}

例如只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。

vue3中用法:

(1)函数形式





(2)对象形式



购物车个案例


                    
                    

你可能感兴趣的:(学习,前端,javascript,vue)