vue3 vue-router 4.1.5 监听route获取不到params

在Vue 3和Vue Router 4.1.5中，你可以通过监听路由来获取参数。但是，在Vue Router 4中，获取参数的方式发生了改变。现在，你需要使用`route`而不是使用`$route`来访问路由参数。

以下是获取路由参数的示例代码：

在Vue组件中，首先需要导入`computed`和`reactive`:

import { computed, reactive } from 'vue'
import { useRoute } from 'vue-router'

export default {
  setup() {
    const route = useRoute()
    const params = reactive({
      id: computed(() => route.params.id)
    })
    
    // 根据需要监听路由的变化，并更新params对象中的值
    route.params.id // 通过params对象访问id参数的值
    
    return {
      params
    }
  }
}

这样，在Vue 3和Vue Router 4.1.5中，你就可以监听路由并获取到参数的值了。注意，使用`computed`来订阅`route.params`的变化，这样才能实时更新`params`对象中的参数值。

希望这个回答对你有所帮助！