vuex的简单使用及分析

vuex是vue开发一个状态管理模式

一般多个组件公用的数据可以放在vuex中,进行集中管理,每次从store中读取状态都是在计算属性中返回的

1. state文件

state是存放数据源的地方,公用的数据可以放在这个文件里面

2.getters文件

对state中的一些数据进行计算,既然是计算,那么除了以方法调用数据的情况,其他情况是有缓存的,只有相关依赖发生改变时,这个getters中的值才会发生改变

3. action文件

action可以包含异步操作,但是并不会直接变更状态,而是提交给mutation,当mutation提交后,改变store中的状态值,利用store.dispatch(‘increment’)进行触发

4.mutation文件

更改store中状态的唯一方法就是提交mutation

5.主文件中对getters,action,mutation的调用