监听路由参数

<template>
  <div>
    <p>Current ID: {{ currentId }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentId: null
    };
  },
  watch: {
    $route: {
      handler(newRoute, oldRoute) {
        console.log('New Route:', newRoute);
        console.log('Old Route:', oldRoute);
        
        // 假设路由参数中有一个名为 'id' 的参数
        if (newRoute.params.id) {
          this.currentId = newRoute.params.id;
        }
      },
      immediate: true // 立即执行一次，以便在组件创建时初始化数据
    }
  },
  created() {
    // 初始化时也可以手动设置 currentId
    if (this.$route.params.id) {
      this.currentId = this.$route.params.id;
    }
  }
};
</script>