使用pinia作为临时仓库

第一步：安装pinia

yarn add pinia

第二步：在main.js中引入并使用pinia

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router'
// 使用pinia作为临时仓库
import { createPinia } from 'pinia'

createApp(App).use(router).use(createPinia()).mount('#app')

第三步：在src文件夹中新建一个store文件夹并在其中创建index.js作为仓库

import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
   state: () => ({
  	// 定义变量
    }),
   
   actions: {
  	// 定义方法
    }
  })

更多配置项请参考官方文档：Home | Pinia 中文文档 (web3doc.top)