526互联

pinia state 状态改变监听不到？

发布时间 2023-04-04 15:23:07作者: 蓓蕾心晴

知识点

storeToRefs#

▸ storeToRefs<SS>(store): ToRefs<StoreState<SS> & StoreGetters<SS> & PiniaCustomStateProperties<StoreState<SS>>>

创建一个引用对象，包含 store 的所有 state、 getter 和 plugin 添加的 state 属性。 类似于 toRefs()，但专门为 Pinia store 设计， 所以 method 和非响应式属性会被完全忽略。

见官方文档

背景

我是通过 storeToRefs 来将 pinia 中的 state 转为响应式的，我想通过 watch 监听 state 数据的改变，但是发现始终没反应，代码如下

const { layerList } = storeToRefs(layer);

watchEffect(() => {
     console.log("layerList1", layerList);
});

原因

想要监听到改变，需直接获取 .value 形式。

const { layerList } = storeToRefs(layer);

watchEffect(() => {
     console.log("layerList2", layerList.value);
});