vue之单属性监听和对象的深度监听笔记

watch:{} ：可以监听数据，数据发生变化， 处理函数

深度监听设置：

deep:true,
handler(){函数方法}

目的： watch虽可监听，但只是浅监听，只监听数据第一层或者第二层，

何为第二层？

 const pagination= {searchstr: 'xx', child: {page: 10,rowsPerPage:25,sortBy:"vplmId",descending:true}};

 对象pagination：

searchstr，child为第一层

child的值就为第二层或者深层

实现目标: 如果 要监听一个对象中的属性，属性最高也是第二层了，watch可能监听不到，所有要使用深度监听。

watch：
单个属性监听和对象深度监听：

  watch:{
    searchstr(){
      this.loadBrankPage();
    },
    pagination:{//对象，深层监控
      deep:true,
      handler(){
        this.loadBrankPage();
      }
    }
  },
  methods:{
    loadBrankPage(){
        axios.get("/brank/pageList",{
              params:{
                searchstr:this.searchstr,  //搜索条件
                pageNum:this.pagination.page, //当前页
                pageSize:this.pagination.rowsPerPage, //每页大小
                sortBy:this.pagination.sortBy,  //排序字段
                isDesc:this.pagination.descending,  //是否降序
              }
          });
        //console.log("myssssss")
    }
  }

推荐：

https://blog.csdn.net/qq_36688143/article/details/81287535