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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
自己动手开发jQuery插件教程
Aug 25 Javascript
js实现checkbox全选和反选示例
May 01 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
Bootstrap3制作自己的导航栏
May 12 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
微信小程序开发常见问题及解决方案
Jul 11 Javascript
windows实现npm和cnpm安装步骤
Oct 24 Javascript
详解微信小程序中var、let、const用法与区别
Jan 11 Javascript
详解JavaScript中的this指向问题
Feb 05 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
JS 网站性能优化笔记
2011/05/24 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
PHP基于yii框架实现生成ICO图标
2015/11/13 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
一款JavaScript压缩工具:X2JSCompactor
2007/06/13 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
JS实现仿QQ效果的三级竖向菜单
2015/09/25 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
2017/10/31 Javascript
微信小程序调用天气接口并且渲染在页面过程详解
2019/06/24 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
浅谈Python的list中的选取范围
2018/11/12 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
Pytorch之parameters的使用
2019/12/31 Python
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
美国顶级奢侈茶:Mighty Leaf Tea(美泰茶)
2016/11/26 全球购物
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
美国领先的男士和女士内衣购物网站:Freshpair
2019/02/25 全球购物
意大利在线高尔夫商店:Online Golf
2021/03/09 全球购物
linux面试题参考答案(10)
2013/11/04 面试题
教师远程培训感言
2014/03/06 职场文书
实习推荐信
2014/05/10 职场文书
测控技术自荐信
2014/06/05 职场文书
干部对照检查材料范文
2014/08/26 职场文书
作风大整顿心得体会
2014/09/10 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书