watch监听

礼礼仓库

已于 2023-04-02 16:25:56 修改

阅读量2.4k

点赞数 1

文章标签： vue.js 前端 javascript

于 2023-03-29 01:31:47 首次发布

本文链接：https://blog.csdn.net/qq_45837267/article/details/129828625

版权

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();
    }
  },

关注