JSS Vue.jsサンプルアプリのSitecoreコンテキストおよびルートレベルデータ
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
JSS Vueアプリにはカスタマイズ可能なVueプラグインが付属しており、Sitecoreのコンテキストおよびルートデータ、つまりコンポーネントレベルではなくルートレベルのデータを任意のVueコンポーネントインスタンスにアタッチします。コンテキストやルートデータが必要な一般的な例としては、ルートレベルに保存されているページタイトルやメタキーワードフィールドにアクセスしたり、高度なSitecoreエディターで条件付きでレンダリングを変更する場合などがあります。
Sitecoreコンテキストへのアクセスを提供し、データのルーティングを行うために、サンプルアプリケーションはSitecoreJssStorePluginプラグインを使用します。プラグインはlib/SitecoreJssStorePlugin.jsファイル内で検査やカスタマイズが可能です。
以下の例は、サンプルアプリケーションがプラグインをどのように使っているかを示しています:
import SitecoreJssStorePlugin from './lib/SitecoreJssStorePlugin';
app.use(SitecoreJssStorePlugin);
プラグインはVueインスタンスに $jssプロパティを追加します。 $jssプロパティはsitecoreContext() およびrouteData() 関数へのアクセスを提供します。
!重要SitecoreJssStorePluginプラグインはアプリレベルの状態管理機能を提供しますが、Vuexのようなより堅牢なツールの代替を意図していません。もしVuex(または類似)を使ってアプリレベルの状態管理を選んだ場合、このプラグインの状態管理機能はおそらく不要でしょう。