关于 compositionApi 异步初始化的问题求教

[liangtao927190]

各位大佬好，求教一个问题。

简单来说，我有一个 useXXX ，这个 useXXX 初始化的时候会从 api fetch 一些数据。

我在页面上多个组件里会使用这个 useXXX ，这就导致有 n 个用到 useXXX 的组件，就会初始化 n 次，fetch n 次。

目前我的想法是在 useXXX 里创建一个属性 loaded ，默认是 false ，初始化一次后就变成 true 这样来阻止后面的多次 fetch 。

不知道是否有更好的办法。

感谢各位

[RockChang]

只在一个组件生产，其余组件消费

[L1shen]

如果全局多个组件只需要一份这个数据，那就把这个 useXXX 放到全局的 store 里去

[zhuangzhuang1988]

已经放弃用 compositionApi 了
和 react hook 一样
心智负担重

[auroraccc]

你可能需要一个 https://vue-query.vercel.app/#/ 这样的东东？

[liangtao927190]

感谢楼上各位的回复，感觉都可以。

实话说 composition Api 我还是觉得挺好用的，至少 ui 和界面可以很好的拆开，就可以复用了。

就是很多用法感觉不太熟悉，包括 pinia 也还没有用。

[Moeyua]

也许可以尝试 provide 将数据提供给所有子组件，需要的组件使用 inject 将数据注入就可以了。

[ccyu220]

1 、顶级执行，然后子组件注入
2 、添加个手动执行的参数，例如 const { run } = useFunction({ manual: true })

@zhuangzhuang1988 这和哪个框架都没关系，这就是一个 JS 函数自动执行或手动出发的问题。真想不通上面你们的发言是怎么打出来的。

[liangtao927190]

@Moeyua 这个确实也有尝试，层级明确的的情况下挺好用的，但用了 useXXX 以后就习惯随意来，不需要关注父子级关系。
感谢。

[liangtao927190]

@ccyu220 感谢回复

[huijiewei]

1. 提升到 context
2. fetch 里面 cache