vue3 路由参数获取

在Vue 3中，通过Vite或Vue Router进行路由配置时，可以很容易地从路由参数中获取数据。当你在URL中添加查询参数或动态路径参数时，可以在组件中使用内置的`useParams`钩子来获取这些值。

例如，在Vue Router的路由配置中，动态路径通常以冒号(:)表示，如`'/users/:userId'`，`userId`就是动态参数。在使用Vuetify Router或Vue Router的`<router-link>`标签时，可以传递这些参数，比如`<router-link :to="{ name: 'user', params: { userId: '123'} }">用户</router-link>`。

在组件内部，你可以这样做：

import { useRouter } from '@vue-router';

export default {
  setup() {
    const router = useRouter();

    const getUserId = () => {
      return router.params.userId; // 返回 '123'
    };

    return {
      getUserId,
    };
  },
};

这里，`router.params`是一个对象，包含了所有动态路由参数。每次路由改变，`params`对象都会自动更新。