送上一条锦囊妙计

首先翻译单词

其次分别描述两个内容，最好有代码的例子

献上一份标准答案

watch是监听的意思

• 不支持缓存，数据变，直接会触发相应的操作；

• watch支持异步；

• 监听的函数接收两个参数，第一个参数是最新的值；第二个参数是输入之前的值；

• 当一个属性发生变化时，需要执行对应的操作；一对多；

immediate：组件加载立即触发回调函数执行

watch: {
  Name: {
    handler(newName, oldName) {
      this.fullName = newName + ' ' + this.lastName;
    },
    // 代表在wacth里声明了Name这个方法之后立即执行handler方法
    immediate: true
  }
}

deep: deep的意思就是深入观察，任何修改obj里面任何一个属性都会触发这个监听器里的 handler

watch: {
  obj: {
    handler(newName, oldName) {
      console.log('obj.a changed');
    },
    immediate: true,
    deep: true
  }
}

computed是计算属性的意思

• 支持缓存，只有依赖数据发生改变，才会重新进行计算

• 不支持异步，当computed内有异步操作时无效，无法监听数据的变化

• 如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed

• 如果computed属性值是函数，那么默认会走get方法；函数的返回值就是属性的属性值；在computed中的，属性都有一个get和一个set方法，当数据变化时，调用set方法。