daza.io前端项目Vue.js+Vuex
daza.io 的前端项目，用的是比较主流的组合——Vue.js + Vuex。整个架构挺清晰，写法也比较规整，适合你想学习或者复用的时候参考下。压缩包里的daza-frontend-master目录就是项目源码，解压就能跑。
Vue 组件用得比较多，UI 拆得挺细的，每个页面基本都拆成了小组件，复用性还不错。你要是想练练组件通信，像props、emit这些，这项目还挺合适。
Vuex这块也有用到，状态都集中放在store里，模块分得蛮清楚。比如登录信息、用户资料这些，都能在state里找到。用mapState、mapActions这些辅助方法来取值，写起来还挺省事。
Vue Router虽然没在里写，但项目里肯定有用，毕竟是 SPA 嘛。看路由配置文件就知道，有守卫、有懒加载，跳转也挺丝滑。
指令这类东西也能看到不少，比如v-if、v-for、v-model。操作表单、切换模块、循环渲染都靠它们，响应也快，代码也简洁。
另外还用了几个常见的库，比如axios发求，UI 组件估计是用了类似element-ui这类的东西，页面风格挺统一，交互也顺。
构建这块，项目是用Webpack搭起来的，打包配置写得比较标准，webpack.config.js可以参考下，学学代码分割、懒加载这些优化手法。
ES6语法用得也多，比如箭头函数、解构、模板字符串，你要是刚上手 Vue，这项目里的写法可以当范例看。
测试部分不算太多，不过还是能看到一些Jest的配置，跑个单元测试还是没问题的。
项目结构也蛮规整，src放源码，public是静态资源，package.json能看到所有依赖和脚本，比较好上手。
如果你正想练练 Vue + Vuex 的实战开发，可以下这个压缩包，跑一遍看看写法，模仿着做一遍，收获还是挺大的。
文件大小：186.63KB
评论区