watch和computed的区别

computed:

有缓存机制；不能接受参数；可以依赖其他computed，甚至是其他组件中的data；不能与data中的属性重复

watch:

可接受两个参数；监听时可触发一个回调，并做一些事情；监听的属性必须存在；允许异步

watch配置：handler、deep（是否深度）、immeditate（是否立即执行）

比如监听路由变化

watch:{
  $route:{
    handler: function(val, oldVal){
      console.log(val);
    },
    // 深度观察监听
    deep: true
  }  
}    

总结：

当有一些数据需要随着另外一些数据变化时，建议使用computed

当有一个通用的响应数据变化的时候，要执行一些业务逻辑或异步操作的时候建议使用watch