vue3.0中vuex状态管理的安装及使用

---

---

前言

提示：这里可以添加本文要记录的大概内容：

本文介绍了vue3.0中vuex的使用和快速入门

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、vuex是什么

Vuex是一个专为Vue.js应用程序开发的状态管理模式；它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex可以管理复杂应用的数据状态，比如兄弟组件的通信、多层嵌套的组件的传值等等。

二、使用步骤

1.安装

代码如下（示例）：

npm install vuex@next --save

2.全局挂载

在src目录下新建store文件夹下新建index.js文件代码如下

// vue3中创建store实例对象的方法createStore()按需引入
import {
    createStore } from 'vuex'
export default createStore({
   
  state: {
   
  },
  mutations: {
   
  },
  actions: {
   
  },
  getters: {
   
  },
  modules: {
   
  }