vue2配置vue-router

首先我们需要通过npm安装依赖，npm install --legacy-peer-deps vue-router@3.5.2

需要添加版本号，不然会下载最新的vue-router，导致安装失败。

1、引入vue-router

在main.js中引入并使用

// 引入路由
import VueRouter from 'vue-router'
//router是在src路径下新建的文件夹（后面会提到）
import router from './router'

Vue.use(VueRouter)

new Vue({
  render: h => h(App),
  router
}).$mount('#app')

2、配置vue-router

在src路径下新建文件夹‘router’，并在文件夹中创建一个js文件 ‘index.js’

在index.js中

import VueRouter from "vue-router";
//引入一个路由组件
import Home from '../pages/Home'

创建一个路由并暴露出去
export default new VueRouter({
    routes:[
        {
            name:'home',
            path:'/home',
            component:'Home'
        }
})