javascript - Vue3 | Pinia - 在可组合函数中观看 storeToRefs 不起作用

Question

我试图了解可组合的目的。我有一个像这样的简单组合，并试图从 Pania 商店查看状态，其中 watch不触发:

import { ref, watch, computed } from "vue";
import { storeToRefs } from "pinia";
import useFlightsStore from "src/pinia/flights.js";
import usePassengersStore from "src/pinia/passengers.js";

export function useFlight() {
    const route = useRoute();

    const modalStore = useModalStore();
    const flightsStore = useFlightsStore();
    const { selection } = storeToRefs(flightsStore);

    const passengersStore = usePassengersStore();
    const { passengers, adults, children, infants } =
        storeToRefs(passengersStore);

    watch([adults, children, infants], (val) => console.log('value changes', val))

在 Vue 组件中，同样的东西按预期工作。
所以我们 不能观察可组合物中的值？

Answer 1

我认为您可以查看可组合物中的值。
但是，要查看 pinia 状态，它必须在箭头函数内:watch(() => somePiniaState, (n) => console.log(n, " value changed"));这就像看一个 react 物体。

我相信这应该更好地记录下来。在 Pinia 文档中，我们可以阅读如何查看整个商店或如何订阅商店，但不能阅读如何查看组件或可组合中的单个状态属性。
此外，文档有点害羞地解释说您可以使用 setup() 观看商店内的房产。描述商店的方式。
更多关于这里:
https://github.com/vuejs/pinia/discussions/794#discussioncomment-1643242

此错误也会静默失败(或不执行)，这无济于事......