vue2中使用computed

在 Vue.js 2.x 中，`computed`属性是一个非常重要的特性，它允许你在组件内部创建读-only (只读) 的计算属性。当你基于其他响应式数据改变而需要更新某些值时，可以使用 computed 来实现这种依赖式的计算。

基本语法如下：

// 定义 computed 属性
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    };
  },
  computed: {
    fullName: function () {
      // 计算属性的逻辑，这里返回 first name 和 last name 的拼接
      return this.firstName + ' ' + this.lastName;
    }
  }
}

在这个例子中，当你修改 `firstName` 或 `lastName` 的值时，`fullName` 计算属性会自动更新，无需手动触发更新。此外，`computed`还可以接收一个函数作为参数，这个函数会被观察并当其依赖的数据变化时重新执行。