VUE之Router 如何设置子默认路由

本文主要是介绍VUE之Router 如何设置子默认路由，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

VUE之Router 如何设置子默认路由

在Vue Router中，可以通过在路由配置中的 children 属性来设置子路由的默认路径。你需要在父路由中的 children 数组里定义一个具有 path 属性的对象，并将其设置为 “” 或 “/”.

以下是一个简单的例子：

import Vue from 'vue';
import Router from 'vue-router';
import ParentComponent from './components/ParentComponent';
import DefaultChildComponent from './components/DefaultChildComponent';Vue.use(Router);const router = new Router({routes: [{path: '/parent',component: ParentComponent,children: [{// 这里设置子路由的默认路径path: "", component: DefaultChildComponent},{path: "child1",component: () => import('./components/ChildComponent1')},{path: "child2",component: () => import('./components/ChildComponent2')}]}]
});export default router;

在这个例子中，当用户访问 /parent 时，DefaultChildComponent 将作为默认子路由展示。

注意，子路由的默认路径是通过在 path 属性中设置一个空字符串来定义的。

这篇关于VUE之Router 如何设置子默认路由的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---