vue如何增加一个路由

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

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

Vue中添加新的路由并访问

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

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

在文件目录class="lazy" data-src中的component下创建一个新的vue页面，写入测试代码

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

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

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