(三)Vue-router传递参数

本节知识点

• 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}}