vue3+vite中使用vuex

1.第一种方式

在main.ts中创建一个新的 store 实例

import { createStore } from 'vuex'

// 创建一个新的 store 实例
const store = createStore({
    state () {
      return {
        username:'张三'
      }
    },
    mutations: {
      changeName(state:any, us:string) {
        state.username=us;
      }
    }
  })


const app = createApp(App)
//添加
app.use(store)

2.第二种方式

新建一个文件staore/index.js 

import {createStore} from 'vuex'

const store = createStore({
    state () {
      return {
        username:'张三'
      }
    },
    mutations: {
      changeName(state, us) {
        state.username=us;
      }
    }
  })

export default store;

 在main.ts引用

import store from './store/index'

const app = createApp(App)
app.use(store)

3.在App.vue组件中使用