<vue-router第二弹>vue-router之命名视图（组建群）(前端网备份)

router.js
需要注意的是components而不是component
{
path: '3',
components:{
default:te3,
left: te3,
right: te3
}
}
index.vue

<router-view></router-view>
<router-view name="left" style="color: red;"></router-view>
<router-view name="right" style="color: orange;"></router-view>

在浏览器上面展现的则是这3个路由视图的同时加载

404页面的加载
router.js

{
        path: '*',
        meta: {
            title: 'error'
        },
        component: () => import('@/views/test2/404.vue')
    },

index.vue
<router-link to="/dsafd/safdsaf" ><MenuItem name="">404</MenuItem></router-link>
只需要这样直接就引过去了404.vue页面

转载于:https://www.cnblogs.com/lsc-boke/p/10997222.html