vuex简单练习

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