安装 npm i vuex@next
1.新建store>>index.ts
2.main.ts引入
3.页面使用需要引入
import { useStore } from "vuex
const store = useStore()

index.ts文件：
import {createStore} from 'vuex'
interface State{
    count:number
}
export const store=createStore<State>({
    state(){
        return{
            count:1
        }
    },
    mutations:{
        increment(state){
            state.count++
        }
    }
})

main.ts文件：
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router'
import {store} from './store'
createApp(App).use(router).use(store).mount('#app')

1.基础使用如下;
<template>
  <div>
    {{ count }}
    <button @click="increment">增加</button>
  </div>
</template>
<script lang="ts" setup>
import { computed } from "vue";
import { useStore } from "vuex";
const store = useStore();
const count = computed(() => {
  return store.state.count;
});
const increment = () => {
 store.commit("increment");
};
</script>