vue-router设置默认路由
2018-02-26 23:10
435 查看
在router下面的index.js文件里面设置默认路由：
import Vue from 'vue'import Router from 'vue-router'import MyHome from '../views/myHome'
Vue.use(Router)
export default new Router({ routes: [{ path: '/', redirect: '/myhome',//设置默认指向的路径 name: '主页' }, { path: '/myhome',//设置默认指向的路径指向的是下面的MyHome组件 component: MyHome, name: 'MyHome' }]})
import Vue from 'vue'import Router from 'vue-router'import MyHome from '../views/myHome'
Vue.use(Router)
export default new Router({ routes: [{ path: '/', redirect: '/myhome',//设置默认指向的路径 name: '主页' }, { path: '/myhome',//设置默认指向的路径指向的是下面的MyHome组件 component: MyHome, name: 'MyHome' }]})
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vue-router 设置默认路由
- vue-router 设置默认路由
- vue-router 与 elementUI导航栏 配合实现路由设置小技巧
- vue2.0设置默认路由的代码，以及点击不同路由加上样式的api
- vue设置webpack文件别名+配置路由的默认class
- vue-router之nuxt动态路由设置的两种方法小结
- vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
- 使用Vue-Router 2实现路由功能
- Vue学习第二天 vue-router： 路由传参
- vue-router 动态添加 路由
- vue-router路由
- 默认浏览器设置及vue自动打开页面的方法
- Weex入门教程之10，vue-router 路由
- （四）vue开发 - 根据vue-router的meta动态设置html里<title>标签的内容
- vue-router学习二（动态路由）
- vue-router（路由）
- vue-router 路由模式及url中#号的解析
- vue2.0+vue-cli+webpack+vue-router中路由设定
- VueJs路由跳转——vue-router的使用
- vue.js 设置默认图片