- 执行安装命令: npm install vuex –save
- 在src目录下新建一个目录store,并在该目录下创建index.js
- 在index.js中写入以下内容
import { createStore } from "vuex"; let store = createStore({ state:{ // num:0 }, getters:{ // gNum(state){ // return state.num *10 // } }, mutations:{ // changeNum(state,i){ // state.num += i // } }, actions:{ // aChangeNum(context,i){ // context.commit('changeNum',i) // } } }) export default store
4.在main.js中引入store
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(createPinia()).use(store).use(pinia).mount('#app')