vue2的计算属性和watch

Vue2中的计算属性和watch都是用来监听数据变化的，但是它们的使用场景和实现方式有所不同。

计算属性是基于它们的依赖进行缓存的。只有当计算属性的依赖发生变化时，才会重新计算该属性的值。计算属性适用于需要进行复杂计算的场景，比如对数据进行过滤、排序等操作。

而watch则是用来监听某个数据的变化，并在数据变化时执行一些操作。watch适用于需要在数据变化时执行异步或开销较大的操作的场景。

下面是一个示例代码：

// 计算属性
computed: {
  fullName: function () {
    return this.firstName + ' ' + this.lastName
  }
}

// watch
watch: {
  firstName: function (val) {
    this.fullName = val + ' ' + this.lastName
  },
  lastName: function (val) {
    this.fullName = this.firstName + ' ' + val
  }
}