移动端解决方案 Redx-Vue

最新推荐文章于 2024-08-09 08:03:47 发布

前端栈开发

最新推荐文章于 2024-08-09 08:03:47 发布

阅读量143

点赞数

分类专栏：前端 vue

本文链接：https://blog.csdn.net/phj_88/article/details/81213341

版权

前端同时被 2 个专栏收录

300 篇文章 5 订阅

订阅专栏

vue

78 篇文章 1 订阅

订阅专栏

Redx-Vue 详细介绍

Redx-Vue 是基于vue、vue-router、vuex、webpack、postcss等实现移动端解决方案。

快速入门：

$ git clone git@https://github.com/redgang/redx-vue.git
$ cd redx-vue
$ npm install
$ npm start# open http://localhost:3200

查看文档：

# open http://localhost:3200/#!/docs

查看 Demo:

# open http://localhost:3200/#!/demo

规则说明：

使用 ES6 编写
数据使用vuex管理
使用 .vue 单文件组件，组件中不建议直接写css
组件commponents以c-开头，view公共组件以v-开头
逻辑尽量写在 script 里，保持 template 逻辑简单
i18n, validator，request 可以正常使用，components中的组件还不稳定，随时会改
不限制使用何种 UI 组件，可以使用第三方，或自己开发（请尽量考虑复用性）
尽量使用小的依赖库
整体尽量向 vue2.0 靠近

目录结构：

redx-vue
├── bin
├── build
├── config
├── server
│   ├── lib
│   └── middleware
└── src                                 #核心代码
    ├── components                      #ui组件库（目前自建）
    ├── plugins                         #插件库
    │   ├── i18n
    │   └── validator
    ├── routes                          ＃路由
    ├── static                          ＃静态文件
    │   ├── docs
    │   ├── i18n                        
    │   └── images
    ├── themes                          ＃主题
    │   └── default
    │       ├── components              
    │       ├── fonts                   
    │       ├── images
    │       ├── mixins                  
    │       ├── variables               
    │       └── views                   
    ├── utils                           ＃公共库（request）
    ├── views                           ＃业务组件
    │   ├── common                      
    │   ├── demo                        
    │   └── docs                        
    └── vx                              ＃vuex数据管理
        ├── actions
        ├── constants
        ├── getters
        ├── middlewares
        └── modules