在同一个页面有多个router-view，用于展示不同的组件，请看代码
<router-link to="/app">app</router-link>
<router-link :to="{name:'login'}">login</router-link>
<router-link to="/login/exact">exact</router-link>
<router-link :to="{ name: 'login', params: { userId: 123 }}">User</router-link>
<transition name="fade">
<router-view />
</transition>
<Footder></Footder>
<router-view name="other"/>
页面中2个router-view
export default [
{
path: '/app/:id', // app/xxx传递一个参数
components: {
default: Todo,//默认的router-view显示的是todo,有名字的显示login
other: Login
},
name: 'app', // 路由的命名
}
]
