1.练习一:
1.1
import { createStore } from 'vuex'
let store=createStore({
state:{
count:0
},
mutations:{
setCount(state,data){
let {type,value} =data
if (type=='add') {
state.count=state.count+value
}
if (type=='reduce') {
state.count=state.count-value
}
}
},
actions:{
setCount(store,data){
store.commit('setCount',data)
}
}
})
export default store
1.2
<template>
<div class="home">
<button @click="e=>add()">+</button>
<span>{
{ store.state.count }}</span>
<button @click="e=>reduce()">-</button>
</div>
</template>
<script setup>
// import { ref } from 'vue'
import { useStore } from 'vuex'
let store