uniapp使用pinia
时间: 2023-11-20 20:58:57 浏览: 175
uni-app使用的演示
根据提供的引用内容,可以看出Pinia是一个Vue状态管理库,可以在uniapp中使用。下面是uniapp使用Pinia的步骤:
1. 在uniapp项目中安装Pinia库:`npm install pinia --save`
2. 在main.js中引入并创建Pinia实例:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
const app = createApp(App)
// 将pinia实例挂载到vue实例上
app.use(createPinia())
app.mount('#app')
```
3. 在组件中使用Pinia:
```javascript
<template>
<div>{{ count }}</div>
</template>
<script>
import { defineComponent } from 'vue'
import { useStore } from 'pinia'
export default defineComponent({
setup() {
const store = useStore()
return {
count: store.count,
}
},
})
</script>
```
阅读全文