acciones de atributos vuex temas más avanzados

"" Haga clic aquí para entrar en la base de una declaración llamando al artículo ""

llamada

<div><input type="button" @click="$store.dispatch('listMore')" value="加载更多"></div>

declaración:

new vuex.Store({
    actions:{
         listMore(context){   //它其实会默认传递一个参数，这里面有关于所有 vuex 的操作方法
         	console.log(context)
         }
    }
})

Podemos modificar el valor del método del estado por el cual llamar mutaciones

new vuex.Store({
    actions:{
         listMore(context){   //它其实会默认传递一个参数，这里面有关于所有 vuex 的操作方法
         	context.commit("ZHANG_SAN");
         }
    }
})

También pueden ser adquiridas por los valores de estado para el estado

new vuex.Store({
    actions:{
         listMore(context){   //它其实会默认传递一个参数，这里面有关于所有 vuex 的操作方法
         	console.log(context.state.zhangsan);
         }
    }
})

En este caso, podemos deconstruir la asignación, simplificará el código, solamente usamos para

new vuex.Store({
    actions:{
         listMore({commit,state,dispatch}){   //顺序不分先后，都可以使用
         	commit("ZHANG_SAN");              //这样我们就省去了 context 
         	console.log(state.zhangsan);
         }
    }
})