Vue回炉重造之router路由（更新中）

安装vue-router

npm i vue-router -S

配置 1、创建文件夹与文件

创建一个router文件夹，在文件夹中创建两个文件，分别是router.js和routes.js文件。 2、编辑文件

router.js（路由配置文件）

import Router from ‘vue-router’ import routes from ‘./routes’

export default ()=> { return new Router({ routes, mode:‘history’, fallback:true //对于浏览器不支持history模式的，会自动转成hash模式 }) }

routes.js（路由页面文件）

import Index from ‘…/views/Index.vue’ import Login from ‘…/views/Login.vue’

export default [ { path: ‘/’, component: Index }, { path: ‘/login’, component: Login } ]

main.js（Vue入口文件）

import Vue from ‘vue’ import App from ‘./App.vue’ import Router from ‘vue-router’ import createRouter from ‘./router/router’ Vue.use(Router) Vue.config.productionTip = false

const router = createRouter()

更多内容请见原文，原文转载自:https://blog.csdn.net/weixin_44519496/article/details/119116823