如何将 Apollo with Composition API 加载到 Vue 3 中？

Question

他们的文档状态：

import { provide } from '@vue/composition-api'
import { DefaultApolloClient } from '@vue/apollo-composable'

const app = new Vue({
  setup () {
    provide(DefaultApolloClient, apolloClient)
  },

  render: h => h(App),
})

这是行不通的。我在网上找不到正确的文档，但偶然发现了 youtube 中的答案。我只是把它放在这里以防其他人可能正在搜索。

Answer 1

使用 Vue 3 的正确语法：

import { createApp, h, provide } from 'vue';
import App from './App.vue';
import {
  ApolloClient,
  createHttpLink,
  InMemoryCache
} from '@apollo/client/core';
import { DefaultApolloClient } from '@vue/apollo-composable';

const link = createHttpLink({ uri: 'http://localhost:3000/graphql' });
const cache = new InMemoryCache();
const apolloClient = new ApolloClient({ link, cache });

createApp({
  setup() {
    provide(DefaultApolloClient, apolloClient);
  },

  render() {
    return h(App);
  }
}).mount('#app');

如何将 Apollo with Composition API 加载到 Vue 3 中？

How do you load Apollo with Composition API into Vue 3?

apollo

vuejs3