Vue.js自体はビューを表示するためのシステムなので、コンポーネントをまたいでデータをやり取りする場合は、vuexという場所で、ルールに従ってコードを記載するのがよいらしいです。

むちゃくちゃややこしいのですが、Vue.jsで複数ページで構成されるようなアプリを構築するためには、必須の知識です。

がんばって写経しながら学んでいきたいと思います。

Vuexを理解するために、以下の3つの本を繰り返し読み、出来る限り写経しました。Vuexを理解するために、2019年1月時点でお勧めの3冊です。

14.vue.jsのvuexで入力フォーム

15.Vue.jsのvuexでカウンター

16.vue.jsのvuexでパスワード制限

17.Nuxt.jsのvuexでパスワード制限

https://qiita.com/terraphic/items/078dfbadcd75ad336ed4
@terraphic
2018年08月15日に投稿
Vuexで状態管理の大事さを知る

https://qiita.com/m_mitsuhide/items/f16d988ec491b7800ace
@m_mitsuhide
2018年07月31日に更新
Vue.js + Vuexでデータが循環する全体像を図解してみた

https://vuex.vuejs.org/ja/guide/
Vuex 入門

https://masayuki14.hatenablog.com/entry/2017/12/14/000000
2017-12-14
Vuexのはじめかた - Vuex入門者向けのはじめの一歩ガイド
→最初に写経するのはこの記事が一番分かりやすそうです。

https://engineer.recruit-lifestyle.co.jp/techblog/2016-09-15-try-vue-flux/
Vue.js + Vuexで開発をしてみよう！
Tags : VueJS
Category : Frontend
Date : 2016/09/15

https://medium.com/@oleg.agapov/basic-single-page-application-using-vue-js-and-firebase-part-2-143a3084266f