export default pinia
时间: 2024-05-24 09:08:43 浏览: 158
pinia学习笔记
`pinia` 是一个基于 Vue3 用于状态管理的库。`export default pinia` 是将创建的 `pinia` 实例导出,以便在其他组件中使用。
下面是一个示例,演示如何在一个新的 Vue3 项目中使用 pinia:
1. 安装 pinia:
```shell
npm install pinia
```
2. 在 `src/main.js` 文件中创建 pinia 实例并导出:
```javascript
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
const app = createApp(App)
// 创建 pinia 实例并通过 app.use() 注册
const pinia = createPinia()
app.use(pinia)
// 导出 pinia 实例
export default pinia
app.mount('#app')
```
3. 在其他组件中导入和使用 pinia 实例:
```javascript
<template>
<div>{{ count }}</div>
</template>
<script>
import { defineComponent } from 'vue'
import { useStore } from 'pinia'
import pinia from './main' // 导入 pinia 实例
export default defineComponent({
setup() {
const store = useStore(pinia) // 使用 pinia 实例
return {
count: store.count,
}
},
})
</script>
```
阅读全文