vue的watch监听路由跳转时改变数据

在Vue中，我们可以使用`watch`属性来监听路由的变化并根据需要改变数据。以下是一个例子：

<template>
  <div>
    <p>当前路由：{{ currentRoute }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentRoute: ''
    }
  },
  watch: {
    '$route'(to, from) {
      this.currentRoute = to.path;
      // 根据需要改变其他数据
    }
  }
}
</script>

在上面的例子中，我们使用了`$route`属性来监听路由的变化，当路由发生变化时，`watch`方法会被触发，我们可以在这个方法中根据需要改变数据。在这个例子中，我们将当前路由的路径存储到`currentRoute`属性中，并在模板中渲染出来。你可以根据需要改变其他数据，例如根据不同的路由显示不同的内容。