vue3中如何使用vuex（步骤）

 1、安装 vuex

        vue3       vue3    npm i vuex@4

2、新建store文件夹，里边放置index.js,引入,使用，配置，注册，导出

import { createStore } from "vuex";
export default createStore({
  state: {
    tota: localStorage.getItem("tota") ? localStorage.getItem("tota") : null,
  },
  mutations: {
    setToTa(state, payload) {
      state.tota = payload;
      localStorage.setItem("tota", payload);
    },
    clearToTa() {
      localStorage.removeItem("tota");
    },
  },
  actions: {
    SETTOTA(context, payload) {
      context.commit("setToTa", payload);
    },
    CLEARTOTA(context) {
      context.commit("clearToTa");
    },
  },
  modules: {},
});

3、在main根上引入以上文件夹，并注册使用

import { createApp } from "vue";
import App from "./App.vue";
import store from "./store";

createApp(App)
  .use(store)
  .mount("#app");