Vueアプリケーションをデプロイします。いうルーティング用ライブラリを追加しています。内容は次のようになります。必要なコンポーネントを読み込みつつ、指定したURLのパスにアクセスした時にコンポーネントを読み込むように指定します。これだけでルーティング処理が実現できます。routes;実際にURLを遷移する時には次のように記述します。変わりつつ、Vueアプリケーションのコンテンツ読み込みもダイナミックに変わるようになります。今回の画面構成は次のようになります。content部分は処理に応じて表示される内容が異なります。設定NCMBオブジェクトの取り扱いこのWebアプリケーション全体でNCMBオブジェクトは共通になります。そこで、このデータは一番上のルートオブジェクト上で管理します。アプリケーションキーとクライアントキーはlocalStorageに保存するので、オンライン上に公開されていても利用できます。h(App)}</script>そして、このncmbオブジェクトを子のコンポーネントに伝搬していきます。これで親側でncmbオブジェクトを変更すると、子のコンポーネントにも伝搬されるようになります。:updateKeys="updateKeys"></router-view>そして子の方ではpropsを使って受け入れる変数を指定します。してアクセスできるようになります。イベントを伝搬させる逆に子供のコンポーネントが親の変数を変更する場合などはイベントを使います。親の変数は直接変更できません。親側で監視するイベントを指定します。以下の例で言うところのupdateKeysがそうです。使ってイベントを実行します。}}こうすることで画面上で変更されたアプリケーションキー、クライアントキーを親(App)のイベントまで伝えることができます。孫や祖父など、一足飛びにデータを渡したり、イベントを呼び出すことは出来ません。階層を意識して伝搬させる必要があります。今回まででプッシュ通知認証フローアプリの基本形が分かってきたかと思います。次回は設定(アプリケーションキーとクライアントキー)を保存する処理を紹介します。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。