Vue2使用apollo将vuex存储数据传递给指令

import Vue from 'vue';
import ApolloClient from 'apollo-client';
import { createApolloProvider } from 'vue-apollo';

const apolloClient = new ApolloClient({
  // 配置Apollo客户端的选项
});

const apolloProvider = createApolloProvider({
  defaultClient: apolloClient,
});

new Vue({
  apolloProvider,
  // 其他Vue配置项
}).$mount('#app');

<template>
  <div>
    <p v-my-directive="apolloData"></p>
  </div>
</template>

<script>
import gql from 'graphql-tag';
import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['vuexData']),
    apolloData() {
      // 使用Apollo查询获取数据
      const { data } = this.$apollo.query({
        query: gql`
          query {
            // 查询数据的GraphQL语句
          }
        `,
      });

      // 返回需要传递给指令的数据
      return data;
    },
  },
};
</script>