在组件外(.js文件)中使用pinia的方法

在组件外使用Pinia的store，你需要先导入store实例，然后使用store的useStore函数。以下是一个简单的例子：

首先，确保你已经创建了一个Pinia store，并在Vue应用中正确安装和配置了它。

// store.js
import { defineStore } from 'pinia'
 
export const useMainStore = defineStore('main', {
  state: () => ({
    counter: 0,
  }),
  actions: {
    increment() {
      this.counter++
    }
  }
})

然后，你可以在任何组件外部使用这个store：

// externalUsage.js
import { useMainStore } from './store'
 
// 获取store实例
const mainStore = useMainStore()
 
// 使用store中的action
mainStore.increment()
 
// 访问state
console.log(mainStore.counter) // 1

在这个例子中，我们在一个外部文件externalUsage.js中导入了useMainStore，并通过调用useMainStore()来获取store的实例。然后我们调用了store中定义的increment方法，并打印出counter的值。