(三)Vue-router传递参数

本节知识点

  • Vue 传递参数 通过to方法

通过to来传值

  • 首先第一步 在app.vue里面写 注意to前面必须要有:传递的值里面必须要有name和params这两个属性
   跳转到hi页面

name对应的就是我们在路由配置文件对应的name值
params 就是我们要传递的参数

  • 第二步配置路由
   {path:"hi1",name:"Hi1",component:Hi1},
  • 最后在模板里面输出
{{$route.params.username1}}

你可能感兴趣的:((三)Vue-router传递参数)