<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页面