watch监听

1.概念

1、在vue中watch用来监听数据的变化,当数据变化时可以执行一些操作 

2、第一次绑定watch时,不会执行监听函数,发生改变时才会触发监听。

3、如果想要第一次绑定watch时触发监听,则使用handler方法:如果immediate为true,表示在watch首次绑定的时候,触发监听;为false,则表示在数据发生变化时,触发监听。

4、当需要监听一个对象内部属性的变化时,需要深度监听,设置deep:true。

5、watch中不要使用箭头函数,箭头函数中的this指向的是定义时的对象而不是函数运行时所在的对象,即全局定义时的window对象。

6、watch的超强用法,watch可以监听到只要能通过this.访问的属性,比如面包屑里的监听使用。

      this.$route.path获取当前路由,用在监听里就是,当监听到路由的变化时,进行什么什么操作

watch: {
    //监听路由发生的改变
    //$route.path获取当前路由
    "$route.path"() {
      this.liveBreads();
    }
  },

你可能感兴趣的:(vue.js,前端,javascript)