---
title: "JSS Vue.jsサンプルアプリのSitecoreコンテキストおよびルートレベルデータ"
slug: "the-sitecore-context-and-route-level-data-in-the-jss-vue-js-sample-app"
abstract: "プラグインを使ってSitecore Contextにアクセスし、データをルーティングしてください。"
---
# JSS Vue.jsサンプルアプリのSitecoreコンテキストおよびルートレベルデータ

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(または類似)を使ってアプリレベルの状態管理を選んだ場合、このプラグインの状態管理機能はおそらく不要でしょう。