公司使用 Vue 有一段时间,目前看来是比较不错的选择,积累了一些经验,这里初步设计一下基于 Vue2 的前端架构设计
目录结构
官方推荐
Vue 官方有一套「Vue Hacker News」的仿制程序,目录结构可以参考之:
https://github.com/vuejs/vue-hackernews-2.0/tree/master/src
Vuex 的文档里面有一个推荐的目录结构:
https://vuex.vuejs.org/en/structure.html
同时推荐了官方一个购物车的代码示例,Vuex 的这个目录结构,应该是「Vue Hacker News」整站目录的一个子集:
https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
其他可以参考的目录结构
有人整理了一个 Vue2 的样板说明文件:
https://github.com/petervmeijgaard/vue-2-boilerplate
《基于 vue2 + vue-router + vuex + ES6 + less + flex.css 重写 》:
https://ruby-china.org/topics/31916
数据流架构
Flux 架构是前端技术爆发的核心,这块还在研究之中,后续会补充到这个文档里面