Vue引入路由vue-router

1. 下载命令： npm i vue-router@3，vue2对应router3，vue3对应router4

2. 在src下新建router文件夹，创建index.js文件

   代码部分：

import Vue from 'vue'

import VueRouter from 'vue-router'

import First from '@/pages/First'

import Echarts from '@/pages/Echarts'

Vue.use(VueRouter)

export default new VueRouter({

    // mode: "history", // 没有#符号

    routes: [

        {

            path: "/",

            redirect: First

        },

        {

            path: '/First',

            name: 'First',

            component: First

        },

        {

            path: '/Echarts',

            name: 'Echarts',

            component: Echarts

        }

    ]

})

3.在main.js中应用路由：

代码：

import VueRouter from "vue-router"

import router from "./router"

Vue.use(VueRouter)