官网: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
},
这些都是很方便的