vue3 调用 pinia 的函数
时间: 2023-08-24 17:10:58 浏览: 200
基于 electron + vite + vue3 + pinia的基础开发模版.zip
在Vue3中调用Pinia的函数可以按照以下步骤进行:
1. 首先,在项目的入口文件(通常是`main.ts`)中,使用`createPinia`函数创建一个Pinia实例,并将其挂载到Vue应用上。例如:
```javascript
import { createApp } from 'vue';
import { createPinia } from 'pinia';
import App from './App.vue';
const pinia = createPinia();
const app = createApp(App);
app.use(pinia);
app.mount('#app');
```
2. 在需要使用Pinia的组件中,可以使用`useStore`函数来获取Pinia的仓库实例。例如:
```javascript
import { useStore } from 'pinia';
export default {
setup() {
const store = useStore();
// 在这里可以使用store中定义的state、getter和action
// 例如:
console.log(store.msg); // 访问state中的msg属性
store.fn(); // 调用action中的fn函数
return {
store,
};
},
};
```
这样就可以在Vue3中调用Pinia的函数了。通过`useStore`函数获取到的仓库实例可以直接访问和调用仓库中定义的state、getter和action。
阅读全文