vue2 设置router-view默认路径的实例


Posted in Javascript onSeptember 20, 2018

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

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

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

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

具体实现如下:

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页面,其实也是这个道理。

以上这篇vue2 设置router-view默认路径的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery切换网页皮肤并保存到Cookie示例代码
Jun 16 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
jQuery实现打开页面渐现效果示例
Jul 27 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
微信小程序使用modal组件弹出对话框功能示例
Nov 29 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
在Vue中使用Select选择器拼接label的操作
Oct 22 Javascript
Vue+Bootstrap实现简易学生管理系统
Feb 09 Vue.js
javascript遍历对象的五种方式实例代码
Oct 24 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 #Javascript
vuejs router history 配置到iis的方法
Sep 20 #Javascript
关于单文件组件.vue的使用
Sep 20 #Javascript
vue-cli 打包使用history模式的后端配置实例
Sep 20 #Javascript
jQuery pjax 应用简单示例
Sep 20 #jQuery
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 #Javascript
Vuejs+vue-router打包+Nginx配置的实例
Sep 20 #Javascript
You might like
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
javascript数组的使用
2013/03/28 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
JS常用算法实现代码
2016/11/14 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
jQuery实现弹出层效果
2019/12/10 jQuery
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
js删除对象中的某一个字段的方法实现
2021/01/11 Javascript
[40:01]OG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
python正则表达式匹配[]中间为任意字符的实例
2018/12/25 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
Python如何读写字节数据
2020/08/05 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
Python编写单元测试代码实例
2020/09/10 Python
python palywright库基本使用
2021/01/21 Python
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
Java基础知识面试要点
2016/07/29 面试题
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
幼儿园消防安全制度
2014/01/26 职场文书
女儿十岁生日答谢词
2014/01/27 职场文书
工艺员岗位职责
2014/02/11 职场文书
《要下雨了》教学反思
2014/02/17 职场文书
毕业设计指导教师评语
2014/12/30 职场文书