VUEX学习笔记

最新推荐文章于 2023-10-20 10:21:57 发布

星月I随心

最新推荐文章于 2023-10-20 10:21:57 发布

阅读量875

点赞数

分类专栏：学习笔记 vue 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/u012732909/article/details/121850318

版权

学习笔记同时被 2 个专栏收录

33 篇文章 2 订阅

订阅专栏

vue

27 篇文章 2 订阅

订阅专栏

1、state 定义变量（可以动态创建）

state: {
    tradecfgTree: getStore({ name: "tradecfgTree" }) || []
  },

2、mutations 给state赋值

setTradeCfgTree(state, data) {
      state.tradecfgTree = data.res;
    }

3、actions 异步方法

调用api获取数据然后通过mutations赋值

async getTradeCode(context) {
      let dicData = getStore({ name: "tradecfgTree" });
      if (dicData) {
        console.log(1);
        context.commit("setTradeCfgTree", {
          dicCodes: "tradecfgTree",
          res: dicData
        });
      } else {
        const res = await getTradeCfgTree();
        let dic = res.data.data;
        setStore({
          name: "tradecfgTree",
          content: dic,
          type: "session"
        });
        context.commit("setTradeCfgTree", {
          dicCodes: "tradecfgTree",
          res: dic
        });
      }
    }

4、getters 相当于computed

从state获取值