vue2 设置router-view默认路径

在学习vue的时候，遇到很多问题，这里做一些总结，持续更新。今天说一个问题，就是在学习vue的时候，从之前的1.0版本升级到2.x的时候，遇到的问题。一个简单的设置默认路由。在vue的官方文档中，并没有对这个做出案例和解释，不知道是不是我没发现。反正这个问题算是遇到的小小的坑吧。原谅一个菜鸟，什么都不懂。在察阅文章的过程中，发现有前辈总结了这个方面的知识。具体实现

华洛

14097人浏览 · 2018-05-10 15:44:39

华洛 · 2018-05-10 15:44:39 发布

在学习vue的时候，遇到很多问题，这里做一些总结，持续更新。

今天说一个问题，就是在学习vue的时候，从之前的1.0版本升级到2.x的时候，遇到的问题。一个简单的设置默认路由。

在vue的官方文档中，并没有对这个做出案例和解释，不知道是不是我没发现。反正这个问题算是遇到的小小的坑吧。原谅一个菜鸟，什么都不懂。

在察阅文章的过程中，发现有前辈总结了这个方面的知识。

具体实现如下：

[html]view plain copy 
   
 
   
 import Vue from 'vue'  
 import Router from 'vue-router'  
 import goods from '../components/goods/goods'  
 import ratings from '../components/ratings/ratings'  
 import seller from '../components/seller/seller'  
   
 Vue.use(Router)  
   
 export default new Router({  
   routes: [  
     {path: '/', redirect: 'goods'},  
     {path: '/goods', component: goods},  
     {path: '/ratings', component: ratings},  
     {path: '/seller', component: seller}  
   ]  
 })  

其实要说的话，文档也是有这方面的说明的，就是重定向。redirect将进入时的路径，重新定位到goods上，一进来就可以打开goods页面，其实也是这个道理。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^