189 8069 5689
这篇文章主要介绍“vue如何增加一个路由”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue如何增加一个路由”文章能帮助大家解决问题。
创新互联建站主营石峰网站建设的网络公司,主营网站建设方案,app软件开发,石峰h5微信小程序定制开发搭建,石峰网站营销推广欢迎石峰等地区企业咨询
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如何增加一个路由”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。