使用方法

---

1. 安装

   1npm install v-vuex

2. 注入 store

   1import VuexSaga from "v-vuex";
   2new Vuex({
   3  ...,
   4  plugins: [
   5    VuexSaga({
   6      sagas,   // 全局sagas, 可以为[]
   7      ...
   8    })
   9  ]
   10}) // 注入全局store

3. 与 model 进行链接

   1import { connect } from "v-vuex";
   2export default connect({
   3  ns: "demo",
   4  state: {
   5    demo: "1242"
   6  },
   7  mutations: {
   8    setDeom(payload) {
   9      this.demo = payload;
   10    }
   11  },
   12  actions: {
   13    getDemo1(val) {
   14      this.commit("setDeom", val);
   15    },
   16    *getDemo2(val) { // 和redux saga写法一样的
   17      yelid call(api.fetch, params); // 触发vue中的请求
   18      yelid put(`${models.ns}/${mutationName}`, valueJson); // 触发vue中的mutation
   19    }
   20  }
   21});

4. 使用

   1// vue组件中使用
   2import model from "../../models/test";
   3model.getDemo1(123); // 这个返回值，随使用者返回
   4model.getDemo2(123); // 这个返回值，随使用者返回
   5~~~基本介绍;

---

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

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

   • 官方定义的模块中的方法不能直接使用， 必须配合 dispatch，commit 等方法， 还要拼接 action 字符串（主要是有命名空间的情况下）
   • 官方定义的模块，默认不支持热加载，或者需要写大量模块注入的方法（不方便）
   • 在主流 ide 中， 对自动代码提示不友善， 当用到某个 action 的时候，传参的时候还要查看 action 是怎么定义的
   • 使用的时候不够简洁， 比如还要手动去调用 mapActions/mapGetters..
2. 2.x 版本支持在 vue 中使用 redux-saga【最新版本 1.1.3】 编写 actions，用法同普通 model 中的 action 一样