JSS Vue.jsサンプル アプリのSitecoreコンテキストとルート レベルのデータ

JSS Vueアプリには、カスタマイズ可能なVueプラグインが付属しており、Sitecoreのコンテキストとルート データ (つまり、コンポーネント レベルのデータではなく、ルート レベルのデータ) を任意のVueコンポーネント インスタンスにアタッチします。コンテキスト データやルート データが必要になる一般的な例としては、ルート レベルに保存されているページ タイトルやメタ キーワード フィールドを取得する場合や、高度なSitecoreエディターでレンダリングを条件付きで変更する場合などがあります。

Sitecore Contextへのアクセスを提供し、データをルーティングするために、サンプル・アプリケーションではSitecoreJssStorePluginプラグインを使用します。 lib/SitecoreJssStorePlugin.jsファイル内のプラグインを検査およびカスタマイズできます。

次の例は、サンプルアプリケーションでプラグインを使用する方法を示しています。

import SitecoreJssStorePlugin from './lib/SitecoreJssStorePlugin';

app.use(SitecoreJssStorePlugin);

プラグインは、Vueインスタンスに $jssプロパティを追加します。 $jssプロパティは、sitecoreContext() 関数とrouteData() 関数へのアクセスを提供します。