update
uni-simple-router 3.0 版本已发布,欢迎你的使用!

# 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

完全模式下需要自行配置组件,并且可以使用 vue-router 的所有功能,请直接移步到 vue-router 官网查看