码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 学习随笔四 - 路由介绍

时间:2018-10-20 22:11:26      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:导入   .com   技术   http   路径   vue2   使用   ges   初始   

 

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

默认的是下面这个样子:

技术分享图片

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

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

看一下我们的目录:

技术分享图片

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

技术分享图片

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

Vue 学习随笔四 - 路由介绍

标签:导入   .com   技术   http   路径   vue2   使用   ges   初始   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!