参数传递及重定向

1. Demo
前端传递参数

​ 此时我们在Main.vue中的route-link位置处 to 改为了 :to，是为了将这一属性当成对象使用，注意 router-link 中的 name 属性名称 一定要和 路由中的 name 属性名称 匹配，因为这样 Vue 才能找到对应的路由路径；

 

 

修改路由配置，增加props：true属性

​ 主要是router下的index.js中的 path 属性中增加了 :id 这样的占位符

 

 

前端显示

在要展示的组件Profile.vue中接收参数

 2.重定向

 

 Main中：