Vue3-27-路由-路径参数的简单使用

什么是路径参数

在路由配置中，可以将【参数】放在【路由路径】中，
从而实现，同一个 路由，同一个组件，因路径参数不同，可以渲染出不同的内容。

特点 ：
1、当携带不同路径参数的路由相互跳转时，组件实例可以直接被重复使用，无需销毁重建，因此效率高；
2、但是，上述的跳转无法调用组件的声明周期钩子，因为组件根本不会重新加载。
3、路径参数可以有多个；
4、路径参数可以在组件中通过 useRoute() API 返回的  当前路由对象 获取到。
5、路径参数可以使用正则表达式的方式进行匹配 （本文暂不涉及）。

路径参数 定义的语法格式 ：【:参数名】
路径参数 使用的语法格式 ： 当前路由对象中的 params 属性 包含了对应的参数。

基本使用案例

案例说明 ：
1、定义了一个包含【路径参数】的路由配置；
2、定义了一个组件，组件中获取到路径参数，并打印出来。

路由配置文件

// 导入 定义路由的两个方法