Vue中添加新的路由并访问

1、搭建好Vue脚手架（这里使用的版本是Vue2.0）

2、在代码编辑器(这里使用的是Sublime Text)打开项目文件夹

3、在文件目录src中的component下创建一个新的vue页面，写入测试代码

4、打开src下的router目录下的index.js文件，增加新的路由代码，此处注意的一点是，通过添加mode:'history'可以去除vue访问页面时的#/

5、通过npm run dev项目运行后，输入localhost:8080/myVue，可以看到页面跳转到了我们新添加的myTestVue.vue页面。

转载于:https://www.cnblogs.com/hrrsdtc/p/9258337.html

Vue中添加新的路由并访问相关推荐

ubuntu添加路由_如何在Ubuntu，Linux中添加新路由？
ubuntu添加路由 I have a box with Ubuntu Linux and I want to add a new route to my box. Because I want to ...
Java向word表格中添加新行并赋值
前言: 相信大家都有过操作word文档表格的经历,对于每行数据的记录与操作是比较方便的.但这是不够的,对于一些OA项目,则需要在线打开word文档并通过后台的设置将数据添加到word表格中,甚至对表格 ...
wordpress添加媒体_如何在WordPress中添加新帖子并利用所有功能
wordpress添加媒体 Are you trying to create a new post in WordPress? Do you want to learn about all the W ...
怎么在CAD图库中添加新图块？
在使用国产CAD软件绘制电气图纸的过程中,经常会用到CAD图库,那么在浩辰电气CAD软件中怎么在CAD图库中添加新的图块呢?接下来的CAD教程就让小编来给大家介绍一下国产CAD软件--浩辰电气CAD软 ...
Vue中this.$router.push路由跳转,刷新参数消失
Vue中this.$router.push路由跳转,刷新参数消失 this.$router.push({name:"",params:{id:""}}) nam ...
在VirtualBox中的Ubuntu中添加新硬盘
2019独角兽企业重金招聘Python工程师标准>>> 在VirtualBox中的Ubuntu中添加新硬盘 VitrualBox是不允许更改重置硬盘大小的,所以当硬盘不足时,只能添加 ...
Sharepoint学习笔记—Ribbon系列-- 5. 在Ribbon中添加新控件(针对用户自定义Tab)
前面我们实现了向用户自定义的Tab中添加新的Group,并向其中创建了两个Button按钮.这里我们看看如何向这个已经创建好的Group中再另外添加新的Button控件(当然,你可以添加其它控件,实现 ...
Android 驱动（17）---如何在linux中添加新的kernel module
如何在linux中添加新的kernel module 该SOP针对客户如何添加一个kernel module,并把生成的.ko打包进system.img的过程. 解决方案 L版本(version> ...
linux 添加新的系统调用,如何在Linux中添加新的系统调用
如何在Linux中添加新的系统调用 2010-01-29 eNet&Ciweek #define __NR_mycall 191 系统调用号为191,之所以系统调用号是191,是因为Linux ...

Vue中添加新的路由并访问

Vue中添加新的路由并访问相关推荐

最新文章

热门文章