vuex 调用方法总结

Posted 2023-05-09

参考技术A 1.在vue组件里面引用：

import mapState, mapGetters, mapMutations, mapActions

mapState:   computed属性里面 声明

mapGetters:  computed属性里面 声明

mapMutations: methods属性里面 声明

mapActions: methods属性里面 声明

2.在js直接调用state：

import store from '@/store';

const crmToken, userInfo = store.state;---------调用state

store.dispatch('setLogout'); --------调用actions方法

store.commit('SET_ERR_MSG', errMsg);-----调用方法

3.vuex 引入element-ui 并使用

import Message  from 'element-ui';

Message.error(

    message: s.errMsg,

    onClose: () => 

        s.showErrorMsg = false;

    ,

);

uniapp使用vuex进行项目模块化，两种调用方式

参考技术A

刚开始接触uniApp看了一下vuex的使用方法，总结一下在项目中个人认为常用的架构，很实用，做一个新手学习笔记!!!

使用HBuilderx创建项目,在项目内创建store目录，在目录内创建 index.js 文件，如下