vue 如何调用graphql

在Vue中调用GraphQL可以使用axios或者Apollo Client等HTTP客户端库。这里介绍一下使用axios调用GraphQL的方式。

首先，需要安装axios和graphql模块：

npm install axios graphql --save

然后在Vue组件中引入axios和graphql：

import axios from 'axios';
import graphql from 'graphql';

接下来，定义GraphQL查询或者变量：

const query = graphql`
  query {
    user(id: "123") {
      name
      age
    }
  }
`;

然后，使用axios发送GraphQL请求：

axios.post('/graphql', {
  query: query
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

最后，根据GraphQL返回的数据进行组件的渲染。

需要注意的是，GraphQL请求的URL和请求方法需要根据实际情况进行修改。如果GraphQL服务器使用的是WebSocket协议，那么可以使用subscriptions-transport-ws库进行实现。