vuex

再vuex中,有三个关键的内容和相关的函数方法

actions。再组件中调用actions需要调用this.$store.dispatch(‘方法’,value) 。组件会调用vuex中actions,请求使用方法,并传递value参数给他。

而在actions中的方法中,他将会收到两个参数,context上下文,value参数。这个context上下文可以直接调用state,也可以调用commit方法来继续调用mutation。

mutations,他会接受actions发送过来的请求。然后他也会有两个参数,第一个参数就是state,也就是mutations可以用来修改state中的数据(当然,actions中的context也可以直接调用state并进行修改,但我们并不推荐这么做。)。然后可以直接再mutations中修改state的内容。

state

再组件中调用state的内容时,需要使用this.$store.state.内容 来调用state的中的数据。

补充,组件可以直接用commit方法调用mutations。跳过actions。但是我们并不建议这么做,因为会把太多的业务逻辑耦合在一起。