【Github】项目名：qiuChengleiy/shop-vue-vue-cli+vue-router+vuex+axios+vue-axios+vant(UI)移动端商城APP项目
项目简介
这是一个移动端商城APP项目，技术栈包含vue-cli、vue-router、vuex、axios、vue-axios和vant(UI)。项目结构清晰，包含如构建、配置、资源、组件、路由管理、状态管理等多个目录，功能涵盖了商城常见的首页、商品信息、购物车、订单等多个板块的操作逻辑。并且使用了模拟数据来进行开发测试。
核心技术
在技术实现上，项目的入口文件main.js导入了如Vant框架、axios等众多模块，进行了相应的配置，例如使用Vue.use()来引入各种插件。路由管理方面，使用vue-router，在router/index.js文件中定义了各组件的路由路径，如首页、搜索、商品详情等组件的路由跳转逻辑。状态管理采用vuex，在/store/目录下进行相关状态的管理，各模块如home.js等文件中定义了状态、突变、动作和获取器等内容。
项目总结
这是作者用Vue做的第一个综合性项目，耗时约20天，因有课程作业只能利用周末时间开发。在开发过程中遇到很多问题，也积累了不少经验。例如在使用ui组件时样式更改、组件复用、组件体积和代码冗余、组件间状态互通以及数据渲染判断等方面。虽然项目目前还可以继续完善，但已经是一个不错的移动端商城APP开发实践。欢迎大家留言分享自己的看法或者相关经验。