Vue引入路由vue-router
下載命令：?npm i vue-router@3，vue2對應(yīng)router3，vue3對應(yīng)router4
在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)
