学习笔记《Vue前端架构》

公司使用 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 架构是前端技术爆发的核心,这块还在研究之中,后续会补充到这个文档里面

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容