Skip to content

use vue2+vuex+vue-router+vue-resource搭建的一个比较完整的开发流程

License

Notifications You must be signed in to change notification settings

leosxie/vue2-template

Repository files navigation

vue2-template

use vue2+vuex+vue-router+vue-resource搭建的一个比较完整的开发流程 #vue版,遵循react开发习惯,设计结构如下

目录结构

├── README.md
├───build                     //构建目录
├───config                    //构建相关的配置目录
├── dev                      // 开发目录
├── src                      // 源文件目录
├── store   
|   ├── mutations            // Mutation 以及Mutation事件类型定义提交 mutation 是更改状态的唯一方法,并且这个过程是同步的。
│   ├── actions              // Action 提交的是 mutation,而不是直接变更状态,并且可以包含任意异步操作。异步逻辑都应该封装到 action里面
│   ├── modules              //  类似于react中的store,单个module文件类十余react中的reducers
|   |                        // 使用单一状态树,导致应用的所有状态集中到一个很大的对象。但是,当应用变得很大时,
|   |                        //  store 对象会变得臃肿不堪。为了解决以上问题,Vuex 运行我们将 store 分割到模块(module)。
|   |                        //  每个模块拥有自己的 state、mutation、action、getters、甚至是嵌套子模块——从上至下进行类似的分割:
├── assets               // css 和图片资源
├── components           // 组件
├── utils                // 工具函数,全局定义配置
├── views                // 页面相关
└── middlewares          // 中间件主要进行拦截日志性能监控相关
└── index.html           // 主页html(登录,订单列表,添加套餐)
└── routers               // 路由配置
└── index.js             // 入口文件
├── .babelrc                 // babel配置

#todo整合mockapi功能

About

use vue2+vuex+vue-router+vue-resource搭建的一个比较完整的开发流程

Topics

Resources

License

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published