结果 Vue 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
    query: getBooksQuery // query
  }
}

我究竟做错了什么？

您必须命名 apollo 属性（docs https://akryum.github.io/vue-apollo/api/smart-query.html#options, e.g bookList):

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

甚至更简单（当你不需要任何配置时）

apollo: {
  bookList: getBooksQuery
}