vue router子菜单的子菜单
时间: 2023-08-27 08:16:19 浏览: 56
Vue Router支持创建三级菜单,可以通过嵌套路由来实现。下面是一个简单的示例,展示如何创建三级菜单:
```javascript
// 导入Vue和Vue Router
import Vue from 'vue'
import VueRouter from 'vue-router'
// 导入组件
import Home from './components/Home.vue'
import Level1 from './components/Level1.vue'
import Level2 from './components/Level2.vue'
import Level3 from './components/Level3.vue'
// 安装Vue Router插件
Vue.use(VueRouter)
// 定义路由
const routes = [
{
path: '/',
component: Home
},
{
path: '/level1',
component: Level1,
children: [
{
path: 'level2',
component: Level2,
children: [
{
path: 'level3',
component: Level3
}
]
}
]
}
]
// 创建路由实例
const router = new VueRouter({
routes
})
// 创建Vue实例并挂载路由
new Vue({