vue3 + pinia：如何从？store 中获取一个值答案

【问题标题】：vue3 + pinia: how to make reactive a value from the ?storevue3 + pinia：如何从？store 中获取一个值
【发布时间】：2023-01-20 17:42:11
【问题描述】：

我正在使用带有组合 api 和 pinia 的 vue 3

我有一个正在从商店读取默认电子邮件和默认密码的授权商店

import { useAuthStore } from "stores/auth";
const authStore = useAuthStore();

const email = authStore.loginUser;
const password = authStore.passwordUser;

然后我使用电子邮件和密码作为v-model。

问题是两者都不是反应性的。如果我更改文本输入的值，则模型不会更新

我恳求一个解释的问题和解决方案。

【问题讨论】：

目前还不清楚您期望的行为是什么。你想通过 v-model 改变 authStore 吗？

标签： vue.js vuejs3 reactive pinia

【解决方案1】：

import `storeToRefs` from 'pinia'
import { useAuthStore } from "stores/auth";
const authStore = useAuthStore();

const { email, password } = storeToRefs(authStore)

会解决你的问题。

【讨论】：