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