一、vuex

1、定义

• vuex是vue的全局状态的管理工具
• vuex数据更新，其引用组件都会响应式的更新

2、vuex模块

 （1）state

state是存放数据的地方

vuex中的state数据同渲染指令可以渲染到vue组件中(响应式更新:数据变化视图会自动更新)

 （2）getters

从现有数据计算出新的数据

 （3）mutations

mutations是改变vuex state中数据的唯一方式

（4） actions

actions动作,异步,延迟方法,不能直接修改state

actions通过 commit 执行 mutations中的方法

 （4）图解

 

 二、映射

1、作用

把vuex的数据与方法映射为组件的数据与方法

 2、mapGetters

（1）没有命名空间

...mapGetters({
    fee:"fee"
}),
...mapGetters(["fee"]),

（2）有命名空间

...mapGetters({
    "rank":"test/rank"
})

 3、mapMutations

（1）没有命名空间

...mapMutations({
"setUser":"SET_USERINFO"
})

（2）有命名空间

...mapMutaions:{
"setScore":"test/SET_SCORE"
}

4、mapActions

（1）没有命名空间

...mapActions({
    login:"login"
}),
...mapActions(["login"])
}

（2）有命名空间

...mapActions({
    log:"test/login"
})