vue2 computed写法

作者：夜雨行空发布日期:2025-04-21 浏览:55

// Vue 2 中 computed 属性的写法

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  computed: {
    // 计算属性的定义
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('');
    }
  }
});

// 解释说明：
// 1. `computed` 是 Vue 实例中的一个选项，用于定义计算属性。
// 2. 计算属性会基于它的依赖进行缓存，只有当依赖发生改变时才会重新求值。
// 3. 在上面的例子中，`reversedMessage` 是一个计算属性，它依赖于 `message` 数据属性。
// 4. 当 `message` 发生变化时，`reversedMessage` 会自动更新并返回新的值。

上一篇：vue 隐藏

下一篇：vue获取当前时间戳