在Vue 3中,初始化反应值时是否应该使用整个对象结构?

假设我想在我的pinia存储中创建一个空值,该值包含用户正在查看的当前订阅模型。如果用户当前不在订阅详细信息页面上,则该值应为null/unset。

流 用户单击该链接可转到订阅ID为1的订阅详细信息页面。在存储中,我将调度一个操作来获取订阅id 1的详细信息,并将端点返回的对象分配给该反应变量。

export const useSubscriptionStore = defineStore("subscriptions", () => {
  let currentSubscription: Ref<SubscriptionModel> = reactive(null); // Null is not valid!

  async function loadSubscription(subscriptionId) {
    const { $api } = useNuxtApp();

    const { data } = await useAsyncData(() =>
      $api.subscriptions.getSubscription(subscriptionId),
    );
    currentSubscription.value = data.value;
  }

  return {
    loadSubscription,
  };
});

我是否应该将第2行中声明的反应变量设置为我希望后端返回的相同对象结构?难道不可能设置一个既能保持值的无功变量吗 null 还是一个物体?

在Vue 2中,您可以使用 Vue.set()