Vue.js 结果Vue graphql上缺少查询属性

Vue.js 结果Vue graphql上缺少查询属性,vue.js,vuejs2,graphql,Vue.js,Vuejs2,Graphql,我不明白为什么这个错误发生在控制台上 import gql from 'graphql-tag' // import gql const getBooksQuery = gql`query // describing query { books{ name id } } `; export default { name: "BookList", // template name apollo: { // apollo instance

我不明白为什么这个错误发生在控制台上

import gql from 'graphql-tag' // import gql

const getBooksQuery = gql`query // describing query
  {
    books{
      name
      id
    }
  }
`;

export default {
  name: "BookList", // template name
  apollo: { // apollo instance
    query: getBooksQuery // query
  }
}

我做错了什么?

您必须命名apollo财产(,例如
图书列表
):

甚至更简单(当您不需要任何配置时)


请您更具体地说明您得到的错误或输出是结果{books:Array(7),Symbol(id):“ROOT_QUERY”}上意外缺失的测试属性。此错误发生在控制台中。将该查询发布到graphiql并手动尝试该查询时会发生什么?旁注:不需要在graphql标记中指定
query
export default {
  name: "BookList", // template name
  apollo: { 
    bookList: {
       query: getBooksQuery // query
    }
  }
}
apollo: {
  bookList: getBooksQuery
}