Vue:在哪里调用 API?

suu*_*iam 4 vue.js

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

Dan*_*iel 5

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

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

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