vue2 如何配置路由详解。

首先我们要安装一下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 挂载到全局