npm i vuex
src下面创建store/index.ts文件:
import {createStore} from 'vuex'
interface State{
count:number
}
export const store=createStore<State>({
state(){
return{
count:1
}
},
mutations:{
change(state){
state.count++
}
}
})
main.ts文件
import {store} from './store'
app.use(store)
使用一下
<template>
<div>
{{ store.state.count }}
<button @click="change">增加</button>
</div>
</template>
<script lang="ts" setup>
import { useStore } from "vuex";
const store = useStore();
const change= () => {
store.commit("change");
};
</script>