vue3 pinia使用
时间: 2023-10-25 09:10:08 浏览: 79
vue3整合pinia案例
Vue3 Pinia是一个基于Vue3框架的状态管理库,它提供了一个简单、灵活、高效的状态管理方案。下面是使用Vue3 Pinia的简单步骤:
1. 安装
```
npm install pinia
```
2. 创建store
在src/store/index.js文件中创建一个store:
```javascript
import { createPinia } from 'pinia'
export const store = createPinia()
```
3. 在main.js中使用store
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import { store } from './store'
const app = createApp(App)
app.use(store)
app.mount('#app')
```
4. 在组件中使用store
在组件中使用store的时候,需要使用`useStore`函数获取store实例:
```javascript
import { defineComponent } from 'vue'
import { useStore } from 'pinia'
export default defineComponent({
setup() {
const store = useStore()
store.state.count = 0
function increment() {
store.state.count++
}
return {
increment,
count: store.state.count
}
}
})
```
以上是使用Vue3 Pinia的基本步骤,具体使用根据业务需求进行配置。
阅读全文