如何使用Vue使用graphql API

Question

考虑到两者的受欢迎程度，你会认为非常简单，但我遇到了一些障碍。

我正在使用scaphold.io来快速展示一个有效的用户界面。也就是说，如果Vue可以与Scaphold互动。

我调查了两个资源：

https://github.com/kristianmandrup/vue2-apollo-scaphold

这似乎是Scaphold的产品。试了一下。很多很多模糊的错误。

然后还有：

https://github.com/Akryum/vue-apollo

但这太过分了。我不需要服务器，服务器在Scaphold上。

我也尝试使用howtographql上的教程来构建整个内容，但是这个也已经过时了。

理想情况下，我想使用（我猜）npm vue-cli来实例化一个最新的Vue 2应用程序，然后只安装我需要的所需的apollo（或者其他什么，但我猜apollo）附加组件。最低。

不应该太难，我最终会弄清楚，但是一些帮助非常受欢迎。

Answer 1

您可以使用自己喜欢的常规请求模块（ajax，fetch，axios）来使用graphql api。以scalphold docs为例，但在回调中执行this.vueUserData = body.data.getUser; 代替 console.log(JSON.stringify(body, null, 2));

（编辑添加一个问题我记得：如果遇到回调不知道this应该是组件的问题，你可以在请求函数之前执行var self = this，然后改为引用self.vueUserData。）