基于vue、vuex、vue-router实现的移动端SPA框架模版
- Vue
- Vuex
- Vue-Router
- PostCSS
- Webpack
- Koa
- ES6
- 2016-10-8
- 升级vuex至2.0.0稳定版，改引用
vuex/logger为vuex/dist/logger
- 升级vuex至2.0.0稳定版，改引用
- 2016-8-10
- 解决本地图片加载报错问题，
- 调整发包后的文件命名及目录结构
- 2016-8-6
- 添加weinre手机调试功能
- 2016-8-5
- 修护iscroll滚动缓慢问题
- 添加动态二维码组件
c-qrcode，方便手机扫码调试
- 2016-8-3
- 添加iscroll指令及demo用法，用法参考vue-infinite-scroll
- 修改执行
deploy:prod报错问题 - 将vx目录改成store，有助理解vuex数据
- 修改docs样式
- 2016-7-22
- 完善docs文档，修复window系统无法访问docs路由
- 修复国际化请求代理问题
- 2016-7-21
- 修改request，支持请求代理
- 2016-7-19
- 简化vuex数据模型，升级到[email protected]
- 2016-7-13
- 添加c-swipe组件
- 添加swipe例子
- 简化components组件引用方式
- 修改eslint配置项
- 2016-7-8
- 升级vuex，将vuex-fsa升级到vuex的^1.0.0-rc.2版本
- 修改中间件文件夹middlewares->plugins，用法与官方统一vuex1.0
- 规范v-for指令用法
- 更新相关文档
- 引入postcss-functions，支持css中运用function
- 修改toast错误提示背景色
- 修改c-form组件用法
- 修改c-image组件，支持Lazyload
- 数据缓存
- components组件目录化，将样式移到对应组件文件夹中
$ 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
# open http://localhost:3200/#!/demo
| Command | Description |
|---|---|
| npm install | Install dependencies |
| npm run dev | Run webpack and restart server with hot-reload enabled |
| npm run dev:weinre | Run webpack and restart server with hot-reload enabled and open weinre function |
| npm start | Run webpack and server with hot-reload enabled |
| npm run deploy | Build assets for development use, dumped in ./dist |
| npm run deploy:prod | Build assets for production use, dumped in ./dist |
| npm run start:prod | Run static server to check dist files |
| npm run weinre | Run weinre server |
- 使用 ES6 编写
- 数据使用vuex管理
- 使用 .vue 单文件组件，组件中不建议直接写css
- 组件commponents以c-开头，view公共组件以v-开头
- 逻辑尽量写在 script 里，保持 template 逻辑简单
- i18n, validator，request 可以正常使用，components中的组件还不稳定，随时会改
- 不限制使用何种 UI 组件，可以使用第三方，或自己开发（请尽量考虑复用性）
- 尽量使用小的依赖库
- 整体尽量向 vue2.0 靠近
- v-for中禁止使用$index and $key，vue2.0会去掉
- 禁止使用partials、elementDirective、$dispatch、$broadcast等
- v-model 中的debounce尽量少用
redx-vue
├── bin
├── build
├── config
├── server
│ ├── lib
│ └── middleware
└── src #核心代码
├── components #ui组件库（目前自建）
├── plugins #插件库
│ ├── i18n
│ ├── iscroll
│ └── validator
├── routes ＃路由
├── static ＃静态文件
│ ├── docs
│ ├── i18n
│ └── images
├── themes ＃主题
│ └── default
│ ├── components
│ ├── fonts
│ ├── images
│ ├── mixins
│ ├── variables
│ └── views
├── utils ＃公共库（request）
├── views ＃业务组件
│ ├── common
│ ├── demo
│ └── docs
└── store ＃vuex数据管理
├── plugins
└── modules
MIT © Redx
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent