vue 中 watch 的简单使用

method 同级

    watch:{ // 监听
      /** 第一种方式：监听对象里面的属性，键路径必须加上引号 */
      "queryParams.fileName"(newVal, oldVal){
         console.log("旧值" + oldVal + '---新值' + newVal);
      }
      /** 第二种方式 */
      queryParams: {
        handler:(val) => {
          console.log(val.fileName)
          console.log(val.canonicalId)
        },
        deep: true // 对象内部的属性监听，也叫深度监听
      }
    }