# vue-router那套 V 1.3.5+
如果你不考虑跨端时,你可以在H5
完全使用 vue-router
。
以下是如何配置开启完全模式:
const router = createRouter({
h5:{
vueRouterDev:true, //完全使用vue-router开发 默认 false
},
routes:[
{
path:'/',
name:'router1',
component:()=>import('@/common/router/router1.vue'),
children:[
{
// 当 /route1/children1 匹配成功,
// children1 会被渲染在 router1 的 <router-view> 中
path:'route1/children1',
name:'children1',
component:()=>import('@/common/router/router1/children1.vue'),
},
{
// 当 /route1/:id 匹配成功,
// children1 会被渲染在 router1 的 <router-view> 中
path:'route1/:id',
name:'children2',
component:()=>import('@/common/router/router1/children2.vue'),
}
]
},
]
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
完全模式下需要自行配置组件,并且可以使用 vue-router 的所有功能,请直接移步到 vue-router 官网查看