首先我们要安装一下vue-router，命令为 yarn add vue-router@3.5.3 或者使用 npm 命令。

有人在配置路由的时候可能会报以下错误：如何解决呢，就是版本号太高了（4版本），用以上的命令就可以（yarn add vue-router@3.5.3 ）。

Cannot read properties of undefined (reading ‘install‘)

1.首先导入Vue 和 我们要使用的vue-router包。

2.注册

3.创建实例

4.在routes数组中配置路由。每一个对象一个页面，如果配置二级页面就在该对象下面配置children

5.导出router

import Vue from "vue";    

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter({

    routes:[

        { path: '/',

         component: () => import('../Layout/LayoutIndex.vue'),

         redirect: '/HandelLogin',

        children: [{

            path: 'HandelLogin',

            name: 'HandelLogin',

            component: () => import('../views/HandelLogin.vue'),

            meta: { title: 'dl', icon: 'dashboard' },

          }]

    }

    ]

})

export default router

 6.在main.js中导入router 挂载到全局