Vue

概述

简单记录下路由

安装

安装软件

1
2
3
npm install vue-router@4
# or
yarn add vue-router@4

创建项目，可以更快的搭建项目基础脚手架

1
2
3
npm create vue@latest
# or
yarn create 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
29
30
31
32
import { createRouter, createWebHashHistory } from 'vue-router'


const routes = [
    // {
    //     path: '/',
    //     name: 'login',
    //     component: ViewLogin,
    // },
   
]



const router = createRouter({
    history: createWebHashHistory(),
    routes,
})


// router.beforeEach((to, from, next) => {
//     loadingBar.start();
//     next(); // 继续导航
// });

// router.afterEach(() => {
//     loadingBar.finish(); // 导航完成后停止loading
// });



export default router