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
最新文章
- 【Beta】Scrum5.5
- 创造tips的秘籍——PHP回调后门
- AESwithJCE http://www.coderanch.com/how-to/content/AES_v1.html
- Fragment里面的ViewPager嵌套subFragment,主Fragment切换的时候subFragment出现空白Fragment的Bug
- Partition Array
- jquery中实现全选按钮
- 跟着刚哥深入学maven
- ElasticSearch入门(2) —— 基础概念
- 为不具有change事件的html标签设置监听事件
- React 实现拖拽功能
- IIS做反向代理重定向到NodeJS服务器
- Maven 命令参数 整理
- CC2530 Debug ---CC2530 无启动之32K晶振
- SpringMVC异常处理方式
- String MVC @RequestParam(required=false) int XXX 参数为空报错解决方法
- Git log和git reflog
- BZOJ2662: [BeiJing wc2012]冻结 spfa+分层图
- Error: Cannot find a valid baseurl for repo: epel
- Android硬件抽象层(HAL)深入剖析(三)【转】
- 深入理解JVM之JVM内存区域与内存分配