一个页面多个router-view，命名视图

在同一个页面有多个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', // 路由的命名
}
]