本节知识点
- Vue 传递参数 通过to方法
通过to来传值
- 首先第一步 在app.vue里面写 注意to前面必须要有:传递的值里面必须要有name和params这两个属性
<router-link :to="{name:'Hi',params:{username:'Hi页面',id:1}}">跳转到hi页面</router-link>
name对应的就是我们在路由配置文件对应的name值
params 就是我们要传递的参数
- 第二步配置路由
{path:"hi1",name:"Hi1",component:Hi1},
- 最后在模板里面输出
{{$route.params.username1}}