vuex基础

1.什么是vuex

在大型,特大型,vue项目中做数据统一管理的，

在vuex中存储的数据,每个组件都可以引用到，

vuex中的数据发生变化,引用该数据的组件会自动更新

2.什么数据可以存储在vuex里面

如果一个数据,需要在多个组件中重复使用,可以把数据存放在vuex的store中

用户数据, 购物车数据

3.state作用

定义vuex的数据地方

state：｛

       cartNum:10

｝

在组件访问数据的数据$store.state.cartNum

4.mutations

mutations是定义修改数据的方法

mutations:{
                SET_ CART_ NUM:function(state,data){
        state.cartNum = data;

     ｝

｝

在组件中访问mutations的方法
$stote.commit('SET_ CART NUM',100)

5.actions

定义异步,延迟的方法.

定义异步,延迟的方法.
actions:{
        getCartNum(context,data){
                setTimeout()=>{
                        //可以调用mutations方法
                context.commit("'SET_ CART_ NUM",data)
            },4000

      ｝

｝

在组件中调用
$store .dispatch('getCartNUm',33)

6.getters

从现有state数据计算出新的数据
getters:{
        fee:function(state){
                return state.cartNum*0.5;

        ｝

｝

在组件中掉调用
$store.getters.fee

actions 动作:异步方法
mutations改变:是修改state数据的唯一方 式
state:状态，数据
getters获取器
moudule模块
commit提交
getters获取器
moudule模块
commit提交