学习笔记《Vue前端架构》
2017-09-23 本文已影响230人
马文Marvin
公司使用 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 架构是前端技术爆发的核心，这块还在研究之中，后续会补充到这个文档里面
