uni-app使用pinia
时间: 2023-11-18 20:53:31 浏览: 129
uniapp+vue3+pinia框架(模块化+持久化存储)
5星 · 资源好评率100%
uni-app是一个跨平台的开发框架,而Pinia是一个Vue 3状态管理库。在uni-app中使用Pinia可以方便地管理应用程序的状态。下面是使用Pinia的步骤:
1. 安装Pinia
```
npm install pinia
```
2. 创建一个Pinia实例
```javascript
import { createPinia } from 'pinia'
const store = createPinia()
```
3. 创建一个状态
```javascript
store.state = {
count: 0
}
```
4. 在组件中使用状态
```vue
<template>
<div>{{ count }}</div>
</template>
<script>
import { defineComponent } from 'vue'
import { useStore } from 'pinia'
export default defineComponent({
setup() {
const store = useStore()
return {
count: store.state.count
}
}
})
</script>
```
阅读全文