vue中watch的用法

watch监听路由变化

 watch: {
    $route: "myroute"
 },
   methods: {
    myroute() {
      this.activeUrl = this.$route.path;
    },
   }

这样就做到了当路由发生变化的时候将#号后面的路径赋值给activeUrl

watch监听data里面的数据的变化

data(){
    return:{
        allChecked:false,
        excelArry:[]//复选框选中后添加到这个数组
    }
}


watch: {
    excelArry(o, n) {
        //old为旧值，new为新值
       //这里监听到excelArry的变化就会调用，如果添加了十个之后全选按钮就会选中
      if (this.excelArry.length == 10) {
        this.allChecked = true;
      } else {
        this.allChecked = false;
      }
    }
  },