Play Button Pause Button

Use ApolloQuery component inside your template

vladimirnovick profile image Vladimir Novick ・1 min read

Vue and GraphQL with Hasura (14 Part Series)

1) Vue and GraphQL with Hasura video course 2) What is GraphQL 3 ... 12 3) Creating auto generated CRUD API with Hasura engine 4) Extending CRUD API with Remote Schemas and Event Triggers 5) Securing Hasura GraphQL Endpoint with Admin Secret key 6) Running Hasura engine locally on existing database 7) Setting up Vue app with Apollo client and querying GraphQL endpoint for data 8) Different gotchas when executing GraphQL queries 9) Use ApolloQuery component inside your template 10) Different ways of using GraphQL mutations in our Vue app for inserting posts 11) Delete posts conditionally using delete_posts mutation 12) Configure real time updates in your Vue app with Subscriptions 13) Using subscribeToMore when defining a query to get partial updates 14) Move subscribeToMore to be more declarative by moving it to the template

Apollo Client comes with ApolloQuery helper component that gives you an option to move all your data querying inside Vue template. In this lesson we will discuss how we can use it. In addition to that we will also use .gql files, so all of our queries, mutations and subscriptions will reside in one place in filesystem which will make them easier to find


Hasura GraphQL Engine is an opensource service that gives you instant realtime GraphQL APIs on Postgres with fine grained access control.


markdown guide