vue admin vuex 状态管理

官网：https://vuex.vuejs.org
Vuex 可以做些什么呢？
比如：当前用户信息，全局变量，解决组件之间传值的麻烦。
使用命令：npm install vuex --save
创建Vuex.Store实例保存到变量store中，最后使用export default导出store：



然后在main.js文件中引入该文件，在文件里面添加 import store from ‘./store’;，再在vue实例全局引入store对象；

调用

如果，需要传参dispatch中的第二个参数，然后在actions中的对应函数中接受参数在传递给mutations中的函数进行计算：


或者使用 …mapGetters 获取对应保存的状态



当然
先import { mapState、mapGetters、mapActions } from “vuex”;
然后在
computed: {
…mapGetters([“sidebar”, “avatar”, “device”])
…mapGetters
…mapActions
},

这些都是很方便的