当前位置: 首页 > 工具软件 > Redx-Vue > 使用案例 >

移动端解决方案 Redx-Vue

彭展
2023-12-01

Redx-Vue 详细介绍

Redx-Vue 是基于vuevue-routervuexwebpackpostcss等实现移动端解决方案。

快速入门:

$ 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
 类似资料: