vue.js之View : Where to call API

hnrainll 阅读:241 2024-12-31 21:38:35 评论:0

我目前正在学习 Vue,我正在构建一个电影数据库应用程序,用户可以在其中查看从外部 API 获取的电影,并按热门和即将上映的电影进行排序。
我必须为两个类别调用不同的 URL,我想知道我是否应该在每个组件或单独的第三个组件中执行此操作,其中存储了所有获取的数据?
将 Vuex 用于这样的小型应用程序是否有意义,或者还有其他最佳实践吗?谢谢!

请您参考如下方法:

恕我直言,Vuex 的使用不是关于应用程序的大小,而是关于结构。如果您想要一个干净的应用程序结构,请尽可能保持 vue SFC 的“简单”。任何逻辑都应该在 Vuex 中,任何复杂的函数都应该在实用程序类中。

当您处理使用 API 的应用程序(而不是单个组件)时,我建议将 API 和数据水化放在 Vuex 中。 (或者更确切地说是一个单独的函数,但由 vuex 发起)

这将允许任何组件不仅可以访问数据,还可以访问数据的加载状态。允许您(例如)使用某些东西 v-if="dataIsLoaded"对于期望数据存在的组件,以及 v-else用于加载指标


标签:VUE
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

关注我们

一个IT知识分享的公众号