vue如何增加一个路由

这篇文章主要介绍“vue如何增加一个路由”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue如何增加一个路由”文章能帮助大家解决问题。

vue中增加一个路由的方法：1、搭建好Vue脚手架；2、打开项目文件夹；3、在文件目录src中的component下创建一个新的vue页面，写入测试代码；4、打开src下的router目录下的index.js文件，增加新的路由代码即可。

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页面。

关于“vue如何增加一个路由”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。