vue在页面中使用watch 监听路由，请给出示例

当路由变化时，我们可以通过watch属性来监听变化。可以在vue组件内使用以下代码来监听路由变化：

watch: {
  $route(to, from) {
    // 监听路由变化
  }
}

假设我们有一个页面是通过路由打开的，我们可以在该页面的vue组件内使用以上代码来监听路由变化，具体示例如下：

<template>
  <div>
    <h1>{{ title }}</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: ''
    }
  },
  watch: {
    $route(to, from) {
      // 监听路由变化
      console.log('路由从', from, '变为', to)
      this.title = to.name + ' - My Website' // 修改页面标题
    }
  }
}
</script>

以上示例中，我们在watch属性内监听了$route，并在路由发生变化时修改了页面标题。