V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
liangtao927190
V2EX  ›  Vue.js

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

  •  
  •   liangtao927190 · 42 天前 · 885 次点击
    这是一个创建于 42 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

    感谢各位

    10 条回复    2022-07-04 17:17:23 +08:00
    RockChang
        1
    RockChang  
       41 天前
    只在一个组件生产,其余组件消费
    L1shen
        2
    L1shen  
       41 天前
    如果全局多个组件只需要一份这个数据,那就把这个 useXXX 放到全局的 store 里去
    zhuangzhuang1988
        3
    zhuangzhuang1988  
       41 天前
    已经放弃用 compositionApi 了
    和 react hook 一样
    心智负担重
    auroraccc
        4
    auroraccc  
       41 天前
    你可能需要一个 https://vue-query.vercel.app/#/ 这样的东东?
    liangtao927190
        5
    liangtao927190  
    OP
       41 天前
    感谢楼上各位的回复,感觉都可以。

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

    就是很多用法感觉不太熟悉,包括 pinia 也还没有用。
    Moeyua
        6
    Moeyua  
       41 天前
    也许可以尝试 provide 将数据提供给所有子组件,需要的组件使用 inject 将数据注入就可以了。
    ccyu220
        7
    ccyu220  
       41 天前   ❤️ 1
    1 、顶级执行,然后子组件注入
    2 、添加个手动执行的参数,例如 const { run } = useFunction({ manual: true })

    @zhuangzhuang1988 这和哪个框架都没关系,这就是一个 JS 函数自动执行或手动出发的问题。真想不通上面你们的发言是怎么打出来的。
    liangtao927190
        8
    liangtao927190  
    OP
       41 天前
    @Moeyua 这个确实也有尝试,层级明确的的情况下挺好用的,但用了 useXXX 以后就习惯随意来,不需要关注父子级关系。
    感谢。
    liangtao927190
        9
    liangtao927190  
    OP
       41 天前
    @ccyu220 感谢回复
    huijiewei
        10
    huijiewei  
       41 天前
    1. 提升到 context
    2. fetch 里面 cache
    关于   ·   帮助文档   ·   API   ·   FAQ   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4250 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 01:42 · PVG 09:42 · LAX 18:42 · JFK 21:42
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.