provide 无法使用异步数据有优化的可能吗？

[ZeronoFreya]

此处代码手打的，可能会出现错误，但意思没问题

// father
let list = $ref([]);
provide("list", list);

onMounted(async () => {
    list = await somefun()
})

// child
const list = $ref(inject("list"));
setTimeout(()=>{
   // 时间是够的
    console.log(list) // 打印: Proxy {}
}, 5000)

// 此处无法监听list的变化
watch(
    ()=>list,
    (val) => {
         console.log(val)
    }
);

这里参考网上的做法：

provide(
    "list",
    computed(() => list)
);

只有这样才能正确得到list的值，这应该不是故意设计得吧？这么写是必须的吗？

watch(
    ()=>list[list.length-1], 
    (val) => {
         console.log(val)
    }
);

watch这么写才能监听到变化，为什么无法监听list？

不太明白为何会这样，感觉和看到的不一样，很是困惑。

[edison1105]

let list = $ref([])
provide("list", list)

会被编译成

let list = _ref([])
provide("list", list.value)

provide出去的并不是响应式数据。

应该这样写 demo

[ZeronoFreya]

好的，谢谢。我是否可以理解为目前的语法糖还不够完善才导致的此类问题呢？

[edison1105]

当然不是了。这是符合预期的。$ref的目的就是为了自动解包。

[ZeronoFreya]

额，那么不用computed不是无法得到结果了吗？

[edison1105]

不用$ref就行了啊。

[ZeronoFreya]

好吧……谢谢你的耐心回复