vue3中vuex与pinia初识

众所周知的是vue2.x中状态管理工具用的是vuex，而vue3中也是可以使用vuex的，且用vue cli 创建的vue3项目里面也是可选vuex是否安装的，或者项目初始化时不安装，如果有需要再进行安装

使用 npm包管理工具是这样的：

 npm install vuex@next --save

而用yarn的话是这样的：

yarn add vuex@next --save

下载完依赖包之后就需要创建vuex

首先是从main.js中引入并挂载

import store from './store'
const app = createApp(App)
app.use(store)

然后在src文件夹下创建store文件并创建index.js，并且在index.js中创建一个vuex

import { createStore } from 'vuex'
import persist from 'vuex-persistedstate'
export default createStore({
  state: {   // 状态，也就是变量
    index:0
  },
  mutations: {  //  改变状态,也就是方法,同步的
  },
  actions: {  // 异步改变方法
  },
 getters:{  // 相当于计算属性
    
  },
  modules: {  // 模块化
  }
})

当然如果你要是用vue cli 直接创建就可以省略以上步骤，vue3中提倡即用即引&