pinia基本使用(三)の值得修改

值的修改

  1. 直接修改(不推荐)
    定义: 可以在setup里直接对store里的值进行修改

    <script setup lang="ts">
    import { mainStore } from './store/index'
    import { storeToRefs } from 'pinia'
    const { stateValue } = storeToRefs(mainStore())
    stateValue = 20
    </script>
  2. $patch修改
    定义: 当同时修改多个变量时,效率比直接修改高
    用法: 对象写法 和 函数写法

    import { mainStore } from './store/index'
    import { storeToRefs } from 'pinia'
    const store = mainStore()
    /* 对象写法 */
    store.$patch({
      count:store.count++
    })
    
    /* 函数写法 */
    store.$patch((state)=>{
      state.count++
    })
  3. actions[推荐]
    定义: 在store的actions中定义方法,同过this直接修改

    state:()=>{
      return { count:0 }
    },
    actions:{
      changeV(param){
        this.count = this.count + param
      }
    
    }