問題タブ [vue-apollo]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 「デフォルトの Apollo クエリ」VS「AsyncData」(Nuxt.js)
Nuxt/Vue でサイトを構築しており、GraphQL バックエンド API を使用しています。Nuxt の Apollo モジュールを使用してこれにアクセスします。
ページコンポーネントでは、これを行うことができます (これはスマートクエリと呼ばれていると思いますが、よくわかりません):
しかし、Nuxt asyncData フックを使用して、次のようなクエリを実行することもできます。
これら 2 つの方法の違いは何なのか、どちらが優れているのかはわかりません。誰か知っていますか？ドキュメントのどこにも説明が見つかりませんでした。
vue.js - async/await アクションからの動的プロパティ名でオブジェクトを更新する Vuex ミューテーション
そこで、Nuxt にサイト メニューの GQL API をクエリさせようとしています。これは、ストア モジュールのnuxtServerInit関数を介して行っています。index.js
そのようです：
私のストアモジュールQUERY_MENUSから私のアクションを呼び出します。menus.jsそのためのコードは次のとおりです。
問題は、コメントアウトされた行がSET_MENU確実に機能しないことです (コメントを外した場合)。機能する場合もあれば、機能しない場合もあります。Nuxt と SSR に関係していると思いますか、それとも async/await の処理が間違っているのでしょうか?
コードサンドボックスはこちら:
コード: https://codesandbox.io/s/j3yjz2wm6y?fontsize=14
プレビュー: https://j3yjz2wm6y.sse.codesandbox.io/
助言がありますか？ありがとう！
vue.js - vue-test-utils を使用した vue-apollo のテスト
テストとGraphQLは初めてです。vue-test-utils と jest を使用して、GraphQL を使用する VueJS アプリをテストしようとしています。マウントされたフックでgraphqlサーバーからカテゴリを取得するコンポーネントがあります。
私のStepTwo.spec.js中では、Vue-apollo を vue インスタンスに追加しています。
コンポーネントをマウントしようとすると、
TypeError: Cannot read property 'query' of undefined. どんな助けでも大歓迎です。