效果
代码结构
Page3.vue
<template>
<div>
<h1>Page3</h1>
<router-link tag="div" to="/page3/page31">3-1</router-link>
<router-link tag="div" to="/page3/page32">3-2</router-link>
<router-view />
</div>
</template>
<script>
</script>
router.js
import Page31 from '../views/Page31.vue'
import Page32 from '../views/Page32.vue'
const routes = [
...
{
path: '/page3',
component: Page3,
children: [
{
path: 'page31',
component: Page31
},
{
path: 'page32',
component: Page32
}
]
}
]