首页 > 其他 > 详细

Vue 学习随笔四 - 路由介绍

时间:2018-10-20 21:42:10      阅读:131      评论:0      收藏:0      [点我收藏+]

 

项目新建成功后,我们尝试着添加一个新的页面。此时,我们需要使用VUE默认的router功能,在src/router下面有个index.js文件。

默认的是下面这个样子:

技术分享图片

其中 import 代表导入这个页面,下面对应的有一个路由的定义,初始化的时候定义了一个 "/" 的默认路径。

这时候,我们在src下添加一个pages的目录,用来存放新定义的页面,你也可以放在components下,或者自定义别的文件夹。

看一下我们的目录:

技术分享图片

此时,我们的路由定义修改为下面的样子:

技术分享图片

其中,mode: ‘history‘ 是VUE2.5新增的路由模式。

Vue 学习随笔四 - 路由介绍

原文:https://www.cnblogs.com/szwangyu51/p/9822954.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!