Vue 中watch使用和computed的区别

对象属性的watch使用方法

global: {
      deep: true,  //引用类型变量存的是地址，地址不变，不会触发watch。深度监听，添加属性deep
      immediate: true,
      handler (val) {
        if (val && Object.keys(val).length > 0) {
          this.loading = false
        }
      }   //对象属性发生变化，自动调用handler函数
    }

watch和computed的区别

watch观察和监听页面上的Vue实例，数据变化响应时，执行异步操作或高性能消耗操作。

computed关联多个实时计算的对象，对象中的其中一个改变时都会触发这个属性，具有缓存作用。