(五) 页面URL传值

本节知识点

• 通过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