使用方法

1. 安装

   npm install vue-spirtis

2. 注入store

   import spirits from 'vue-spirits'
   spirits(store)

3. 与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)
           }
      
       }
   })
   

4. 使用

   import model from '../../models/test'
   model.act.getAa(123)
   

基本介绍

1. 数据模型（model）概念，用法

题到模块前， 我要先说说使用vuex官方的model（也叫module）的一些不足首先

• 官方定义的模块中的方法不能直接使用， 必须配合 dispatch，commit等方法， 还要拼接action字符串（主要是有命名空间的情况下）

• 官方定义的模块，默认不支持热加载，或者需要写大量模块注入的方法（用起来不友善）

• 在主流ide中， 对自动代码提示不友善， 当用到某个action的时候，传参的时候还要查看action是怎么定义的

• 使用的时候不够简洁， 比如还要手动去调用 mapActions/mapGetters..

2. 详细用法请参考 vue+webpack4+vue-router+vuex 通用脚手架