在前端开发中，使用vue-cli脚手架创建一个vue项目，本文介绍vue-cli项目路由怎么使用，详细的说明以及操作如下图
工具/原料
1
电脑一台
2
node环境
方法/步骤
1
第一步，我们首先利用命令vue init webpack kktest创建一个名字叫kktest的vue项目，详细的如下图
2
第二步，我们找到目录【src】-【components】-然后新建一个文件夹banner，然后创建一个banner.vue】,然后写入我是头部的显示内容，详细的如下图
3
第三步，我们点击目录【src】-【router】-找到文件index.js,点击进入，然后添加一个banner的路由，详细的代码如下图
4
第四步，添加完路由以后，我们找到目录【src】-【components】-点击文件【HelloWorld.vue】,进入加上路由跳转代码，详细的代码如下图
5
第五步，打开命令行工具，然后指向kktest项目，运行命令npm run dev，然后运行成功，会出现一个地址,详细的代码如下图
6
第六步，在浏览器上面输入刚刚那个地址127.0.0.1:8080,点击banner就会进入到我是头部的界面，详细的效果如下图
注意事项
如果对你有帮助，请在下面投个票或者点个赞
上一篇：巨峰葡萄盆栽法
下一篇：vue中如何实现动态路由