vuex 调用方法总结

JavaScript014

vuex 调用方法总结,第1张

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

    },

})

npm install vuex --save

打开package.json，找到dependencies，查找下面是否有vuex，有就装了

新建个文件夹（src中），新建个js文件，放在文件夹内

在刚才js文件夹内引入vue、vuex，使用vuex，new一个vuex.Store(主意大写)并暴露（export default）

在main.js中引入vuex和刚才的js文件，然后注入vue实例

打字不容易，有用的话采纳下