首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    GraphQL学习第六篇 -Vue中集成Vue-apollo

    为了获取服务端GraphQl接口的数据,客户端需要使用apollo这个插件,三大前端框架均可以将apollo集成,下面以vue为例来说明在客户端如何集成vue-apollo这个插件。 1. 参考文档 Vue-apollo项目地址:https://github.com/Akryum/vue-apollo Vue-apollo官方文档:https://vue-apollo.netlify.com / 2.安装模块 npm install vue-apollo graphql apollo-boost --save 或者 yarn add vue-apollo graphql apollo-boost 在 src/main.js 配置 vue-apollo 插件 import VueApollo from 'vue-apollo' Vue.use(VueApollo); 5. $mount('#app') 以上是vue中集成vue-apollo的基本步骤,下面是代码实例。 import Vue from 'vue' import App from '.

    83710发布于 2020-11-26
  • 来自专栏考拉阅读前端团队

    如何优雅的在Vue Project中使用vue-apollo

    (apollo非亲生儿子) 作者是Guillaume Chau(vue的开发团队人员) git:https://github.com/Akryum/vue... npm install --save vue-apollo import { ApolloClient, createNetworkInterface } from 'apollo-client' import VueApollo from 'vue-apollo

    2.5K10发布于 2019-04-12
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    GraphQL学习第九篇 -Vue中使用Vue-apollo进行编辑操作

    在Vue中集中Vue-apollo以后(如何集成请查看本专栏第六篇),就可以使用它进行编辑数据了。

    57710发布于 2020-11-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    GraphQL学习第七篇 -Vue中使用Vue-apollo进行查询操作

    在Vue中集中Vue-apollo以后(如何集成请查看本专栏第六篇),就可以使用它进行查询数据了。 1.

    1.6K20发布于 2020-11-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    GraphQL学习第八篇 -Vue中使用Vue-apollo进行新增操作

    在Vue中集中Vue-apollo以后(如何集成请查看本专栏第六篇),就可以使用它进行新增数据了。

    59920发布于 2020-11-26
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    GraphQL学习第十篇 -Vue中使用Vue-apollo实现下拉加载更多

    在Vue中集中Vue-apollo以后(如何集成请查看本专栏第六篇),就可以使用它进行分页加载了,主要有以下两种方法: 第一种:用 $apollo.addSmartQuery 每次请求一页数据,与之前请求的数据进行拼接 } } }; </script> <style scoped></style> 第二种:用 $apollo 中的 fetchMore 加载更多,处理方式会更优雅一点,这也是vue-apollo

    1.1K10发布于 2020-11-26
  • 来自专栏若川视野

    Vue 3.1.0 的 beta 版发布

    如果你也这方面的需求,可以尝试升级至 3.1.0-beta 版 相关讨论: vue-apollo[3] app-extension-apollo[4] @vue/complier-core 支持了空白字符处理策略 https://github.com/vuejs/vue-next/pull/3070 [2]PR 2902: https://github.com/vuejs/vue-next/pull/2902 [3]vue-apollo : https://github.com/vuejs/vue-apollo/issues/1102

    66610发布于 2021-05-10
  • 来自专栏少年郎编程之路

    前端开发使用GraphQL——VUE3使用GraphQL

    如果你使用的是vue2,建议直接使用vue-apollo组件。 1. 前端开发使用GraphQL——服务端技术选型 2. 前端开发使用GraphQL——Nestjs/GraphQL项目搭建 背景 新项目采用了vue3开发,而目前vue对应的QraphQL模块vue-apollo对使用typescript开发的vue3

    4.7K21发布于 2021-06-24
  • 来自专栏前端Q

    GraphQL 实战篇之前端Vue+后端Nest

    install apollo-cache-inmemory apollo-client apollo-link apollo-link-http apollo-link-ws apollo-utilities vue-apollo /vue-apollo'; Vue.config.productionTip = false new Vue({ render: h => h(App), // 像 vue-router import { InMemoryCache } from 'apollo-cache-inmemory' import Vue from 'vue' import VueApollo from 'vue-apollo

    1.6K60发布于 2021-05-18
  • 来自专栏程序员poetry的专栏

    GraphQL+Koa2实现服务端API结合Apollo+Vue

    将它与vue-apollo和graphql一起安装: npm install vue-apollo graphql apollo-boost --save 在src/main.js中引入apollo-boost http://118.123.14.36:3002/graphql' }) 可以打开 http://118.123.14.36:3002/graphql 在控制台查看查询结果 在src/main.js配置vue-apollo 插件 import VueApollofrom'vue-apollo' Vue.use(VueApollo); 创建Apollo provider Provider保存了可以在接下来被所有子组件使用的 blog.poetries.top/assets/graphql-code.zip 六、参考文档 中文文档:http://graphql.cn Github: https://github.com/facebook/graphql vue-apollo

    6.1K42编辑于 2022-07-29
  • 来自专栏小李的前端小屋

    来自 Vue 官方团队的 57 个技术分享

    i18n[49] Guillaume Chau Github:https://github.com/Akryum Vue 核心团队成员,维护官方 vue devtools,vue-cli,同时也是 vue-apollo vue-apollo 支持在 Vue.js 应用中集成 GraphQL vue-virtual-scroller 是长列表虚拟滚动 Vue 解决方案 floating-vue 能方便地在 Vue 中创建弹出元素 开发者工具 相关分享 2021-02-26 Extensible devtools[50] 2020-09-18 Maintaining OSS like vue-cli, vue-devtools, vue-apollo PLCxzy-hmQq9Ev1wUhS49uBAPo-AwzkvfF&index=19 [51] 2020-09-18 Maintaining OSS like vue-cli, vue-devtools, vue-apollo

    1.9K20编辑于 2022-07-13
  • 来自专栏程序员成长指北

    几个不常见却很实用的Git小命令,却收获快乐

    -branch' # Example git clonely [branch_name] [remote_url] git clonely v3 https://github.com/vuejs/vue-apollo # Cloning into 'vue-apollo'... # remote: Enumerating objects: 2841, done. # remote: Total 2841 (delta

    85620发布于 2021-09-22
  • 来自专栏秋风的笔记

    几个你不知道的Git小命令,却收获快乐。

    -branch' # Example git clonely [branch_name] [remote_url] git clonely v3 https://github.com/vuejs/vue-apollo # Cloning into 'vue-apollo'... # remote: Enumerating objects: 2841, done. # remote: Total 2841 (delta

    87010发布于 2020-10-27
  • 来自专栏江涛的博客

    基于React和GraphQL的黛梦设计与实现

    那么前后端的架构就可以是 react-apollo,vue-apollo, 后端的话比如express-apollo,koa-apollo等等。

    2.2K20发布于 2021-10-13
  • 来自专栏Nodejs技术栈

    写在 2021: 值得关注/学习的前端框架和工具库

    [36] ApolloGraphQL: https://www.apollographql.com/ [37] Apollo-Client-Vue: https://github.com/vuejs/vue-apollo

    5.7K10发布于 2021-06-10
领券