从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍“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如何增加一个路由”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图