1. 下載命令：?npm i vue-router@3，vue2對應(yīng)router3，vue3對應(yīng)router4

2. 在src下新建router文件夾，創(chuàng)建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中應(yīng)用路由：

代碼：

import VueRouter from "vue-router"

import router from "./router"

Vue.use(VueRouter)