2.0.6 • Published 5 years ago
vue-spirits v2.0.6
使用方法
- 安装
npm install vue-spirtis
- 注入store
import spirits from 'vue-spirits' spirits(store)
与model进行链接
import { connect } from 'vue-spirits' export default connect({ ns: 'test', state: { aa: '1242' }, mt: { setAa (payload) { this.aa = payload } }, act: { getAa (val) { this.commit('setAa', val) } } })
使用
~~~javascript import model from '../../models/test' model.act.getAa(123) ~~~
基本介绍
- 数据模型(model)概念,用法
题到模块前, 我要先说说使用vuex官方的model(也叫module)的一些不足首先
- 官方定义的模块中的方法不能直接使用, 必须配合 dispatch,commit等方法, 还要拼接action字符串(主要是有命名空间的情况下)
- 官方定义的模块,默认不支持热加载,或者需要写大量模块注入的方法(用起来不友善)
- 在主流ide中, 对自动代码提示不友善, 当用到某个action的时候,传参的时候还要查看action是怎么定义的
- 使用的时候不够简洁, 比如还要手动去调用 mapActions/mapGetters..
- 详细用法请参考 vue+webpack4+vue-router+vuex 通用脚手架