vue 怎么使用watch

在Vue中，可以使用watch来监听数据的变化。在组件的选项中，可以添加一个watch对象，其中可以定义多个属性，每个属性对应一个要监听的数据。当数据发生变化时，watch会执行相应的处理函数。

例如，可以在watch中使用handler方法来监听数据的变化。handler方法接收两个参数，新值和旧值。可以在handler方法中执行一些逻辑操作。

另外，watch不仅可以监听data中数据的变化，还可以监听路由的变化。可以通过监听$route.path属性来实现。当路由发生变化时，watch会执行相应的处理函数。

下面是一个使用watch的示例代码：

export default {
  data() {
    return {
      obj: {
        something: ""
      }
    }
  },
  watch: {
    "obj.something": {
      handler(newVal, oldVal) {
        console.log(`新的值: ${newVal}`);
        console.log(`旧的值: ${oldVal}`);
        console.log("hello world");
      }
    },
    '$route.path': function(newVal, oldVal) {
      if (newVal === '/login') {
        console.log('欢迎进入登录页面');
      } else if (newVal === '/register') {
        console.log('欢迎进入注册页面');
      }
    }
  }
}

在上述代码中，watch监听了obj.something属性的变化，并在变化时执行相应的处理函数。同时，也监听了$route.path属性的变化，并根据不同的路径执行不同的逻辑操作。