脚本宝典收集整理的这篇文章主要介绍了Vue2.0版英雄联盟助手，我的第一个小开源项目，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Vue2.0版英雄联盟助手

vuejs League of Legends PRoject

项目地址

在线地址

1. 技术栈

由 vue-cli + mint-ui 构建，使用 axios 进行数据的请求，使用 vuex 进行状态管理，图片懒加载: vue-lazyload，轮播组件：vue-awesome-swiper。

2.Build SETUP

# install dePEndencies
npm install

# serve wITh hot reload at localhost:8888
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

3. 已经完成的模块

• [x] Landing page

• [x] 英雄列表页

• [x] 英雄详情页

• [x] 召唤师搜索页面

• [x] 召唤师详情页（内含战绩列表）

• [x] 召唤师详情页战绩列表的下拉刷新(还不流畅)

• [x] 单场比赛对局信息

• [x] 关于页面

• [x] 新建新闻页，作为首页

4. 效果图

5. 待完成与优化

• [ ] UI优化

• [ ] 移动端布局的优化

• [ ] 单场比赛信息的完善

• [ ] 完善API文档

• [ ] 召唤师搜索页内容的丰富

• [ ] 页面切换时的动画效果

• [ ] footerfixed，输入法问题

• [ ] 视频页加载iframe卡

• [ ] 丰富视频页内容

6. 结语

在github上看了那么多的vue项目，自己的看过其中的部分，当然肯定也仿过，可是一直没坚持下去。本项目是自己第一个完整的开源小项目，然后会有很多的不足，也是自己第一次使用vuex，希望大家可以多提意见，我也会一直更新这个项目，喜欢的朋友可以star一下。最后感谢带玩游戏平台提供的API！

脚本宝典总结

以上是脚本宝典为你收集整理的Vue2.0版英雄联盟助手，我的第一个小开源项目全部内容，希望文章能够帮你解决Vue2.0版英雄联盟助手，我的第一个小开源项目所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。