vue store的用法

Vue的store是用来管理状态的，它是通过Vuex插件来实现的。在使用store之前，需要先引入Vue和Vuex，并使用Vue.use(Vuex)来注册插件。然后使用new Vuex.Store来创建一个全局的store对象。

store对象有几个重要的属性和方法，包括state、mutations、getters、actions和modules。

- state：用来存储状态，也就是变量。可以在state中定义全局参数。

- mutations：用来提交状态修改，也就是set方法。mutations是vuex中唯一修改state的方式，它是同步的，不支持异步操作。可以通过store.commit来调用mutations中的方法。

- getters：用来获取派生状态，也就是get方法。getters有两个可选参数：state和getters，分别可以获取state中的变量和其他的getters。可以通过store.getters来调用getters中的方法，类似于vue中的computed属性。

- actions：用来处理state的方法体。actions和mutations类似，但是actions支持异步操作。第一个参数默认是和store具有相同参数属性的对象。可以通过store.dispatch来调用actions中的方法。

- modules：用来划分store的子模块，可以将全局变量按照模块进行分组管理。每个模块都有自己的state、mutations、getters和actions。可以通过store.moduleName来调用对应模块的方法。

总结来说，通过使用Vuex的store，可以方便地管理和共享Vue应用的状态。你可以在state中定义全局参数，在mutations中提交状态修改，在getters中获取派生状态，在actions中处理异步操作，在modules中划分子模块进行管理。这样可以使得代码更加结构化和可维护。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [Vue 中 store 基本用法](https://blog.csdn.net/qq_41520636/article/details/121882632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Vue 中 store 使用方法讲解](https://blog.csdn.net/jump_22/article/details/116134458)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]