vue3 pinia清空缓存

在Vue3中使用Pinia状态管理库，可以通过清空状态来清空缓存。Pinia提供了一个`reset`方法，可以用于清空所有状态的值。下面是一个示例代码：

### 安装和创建Pinia实例

首先，需要安装Pinia并创建一个Pinia实例，可以在main.js中进行如下配置：

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'

const app = createApp(App)
const pinia = createPinia()
app.use(pinia)
app.mount('#app')

### 定义状态

接下来，在store.js中定义状态和mutations：

import { defineStore } from 'pinia'

export const useStore = defineStore('store', {
  state: () => ({
    count: 0,
    name: ''
  }),
  actions: {
    increment() {
      this.count++
    },
    setName(name) {
      this.name = name
    }
  }
})

### 清空缓存

要清空缓存，可以在组件中调用`reset`方法：

import { useStore } from './store.js'

export default {
  methods: {
    clearCache() {
      const store = useStore()
      store.reset()
    }
  }
}

在这个示例中，我们首先通过`useStore`方法获取到store实例，然后在`clearCache`方法中调用`reset`方法，清空store中所有状态的值。这样就可以清空缓存了。需要注意的是，清空缓存后，所有状态的值都会变成默认值，需要重新获取数据并更新状态。