本节知识点
- 通过URL传值给组件
使用指南
- 第一步在要跳转的页面写好路由
<router-link to="/Hi/haha/123">跳转到hi页面</router-link>
第一个是组件的名称 第二，三个都是参数
- 第二步 配置路由 主要看路径 利用冒号绑定好参数
{
path:'/Hi/:username/:id',
name:"Hi",
component:Hi,
children:[
{path:"hi1",name:"Hi1",component:Hi1},
{path:"hi2",name:"Hi2",component:Hi2},
]
}
- 第三步 组件里面输出
{{$route.params.username}}
利用正则表达式在URL中传值
其实就是在index.js路由文件里面配置
path:/Hi/:username(\\d+)/:id
