美文网首页前端透视镜
学习笔记《Vue前端架构》

学习笔记《Vue前端架构》

作者: 马文Marvin | 来源:发表于2017-09-23 15:13 被阅读230次

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

    相关文章

      网友评论

        本文标题:学习笔记《Vue前端架构》

        本文链接:https://www.haomeiwen.com/subject/fqucextx.html