vue如何增加一个路由

这篇文章主要介绍“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页面,写入测试代码

vue如何增加一个路由vue如何增加一个路由

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

vue如何增加一个路由

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

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


分享标题:vue如何增加一个路由
当前链接:http://myzitong.com/article/jeeeee.html