Pinia热更新

pinia 支持热模块替换，因此你可以编辑 store，并直接在您的应用程序中与它们交互，而无需重新加载页面，允许您保持现有的状态，添加，甚至删除 state，action 和 getter

import { ref, computed } from 'vue'
import { defineStore, acceptHMRUpdate } from 'pinia'

export const useCounterStore = defineStore('counter', () => {
  const count = ref(1)
  const doubleCount = computed(() => count.value * 2)
  function increment() {
    count.value++
  }
  const countX3 = () => {
    count.value = count.value * 3
  }

  return { count, doubleCount, increment, countX3 }
})

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot))
}

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。