如何解决您如何将带有 Composition API 的 Apollo 加载到 Vue 3 中?
他们的文档说明:
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 上偶然发现了答案。我只是把它放在这里以防其他人可能正在搜索。
解决方法
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');
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。