路由文件的配置信息

/* eslint-disable indent */
import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw } from 'vue-router'
import HomeView from '../views/HomeView.vue'// 第一步 配置路由的基本信息内容
// 第二步 将路由的必要包文件导入进来
// 第三步 定义变量 配置文件信息
const routes: Array = [{path: '/',name: 'home',component: HomeView},{path: '/:pathMatch(.*)*',name: 'NotFpund',component: () => import(/* webpackChunkName: "about" */ '../views/NotFpund.vue')},{path: '/two/:id:name',name: 'two',component: () => import(/* webpackChunkName: "about" */ '../views/Two.vue')},{path: '/four',name: 'four',component: () => import(/* webpackChunkName: "about" */ '../views/four.vue')},{path: '/abouta',name: 'abouta',component: () => import(/* webpackChunkName: "about" */ '../views/abouta.vue'),children: [{path: '/abouta/aboutson1',name: 'aboutson1',component: () => import(/* webpackChunkName: "about" */ '../views/aboutson1.vue')},{path: '/abouta/aboutson2',name: 'aboutson2',component: () => import(/* webpackChunkName: "about" */ '../views/aboutson2.vue')},{path: '/abouta/aboutson3',name: 'aboutson3',component: () => import(/* webpackChunkName: "about" */ '../views/aboutson3.vue'),children: [{path: '/abouta/aboutson3/aboutb',name: 'aboutb',component: () => import(/* webpackChunkName: "about" */ '../views/aboutb.vue')},{path: '/abouta/aboutson3/aboutc',name: 'aboutc',component: () => import(/* webpackChunkName: "about" */ '../views/aboutc.vue')}]}]},{path: '/aboutb',name: 'aboutb',component: () => import(/* webpackChunkName: "about" */ '../views/aboutb.vue')},{path: '/aboutc',name: 'aboutc',component: () => import(/* webpackChunkName: "about" */ '../views/aboutc.vue')},{path: '/fiver',name: 'fiver',component: () => import(/* webpackChunkName: "about" */ '../views/fiver.vue')},{path: '/three',name: 'three',component: () => import(/* webpackChunkName: "about" */ '../views/three.vue'),meta: {name: 'qhy',age: 34}},{path: '/about',name: 'about',// 路由的赖加载技术component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')},{path: '/one',name: 'one',component: () => import(/* webpackChunkName: "about" */ '../views/One.vue')}]const router = createRouter({history: createWebHistory(process.env.BASE_URL),// history: createWebHashHistory(process.env.BASE_URL),routes
})// 增加一个动态的路由
const addrount = {path: '/addrount',name: 'addroun',component: () => import(/* webpackChunkName: "about" */ '../views/addroun.vue')
}
router.addRoute(addrount)export default router

控制器文件信息

import { createApp } from 'vue'
import App from './App.vue'// import App from '../01 状态管理/App.vue'
// 注册状态管理
import store from './store'
// 注册路由
import router from './router'createApp(App).use(router).use(store).mount('#app')

一级目录

二级目录

三级目录

四级目录

一级目录的其他文件

二级目录的其他文件