一、参数传递

沿用上一篇博客“Vue-路由嵌套”项目

1.1、方式一：路由组件传参

修改Main.vue：

修改index.js：

修改Profile.vue显示数据：

效果：

1.1、方式二：props

在组件中使用$route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL.上使用，限制了其灵活性。

使用props 将组件和路由解耦：

增加props属性：

修改Profile.vue：

效果同上！

二、重定向

修改index.js:

在Mian.vue中放置路由：

测试效果：