JavaScript - Vue2 コンポーネント間の値の転送についてアドバイスを求める

Question

プロジェクト アドレス: リンクの説明
現在、3 つのコンポーネントがありますヘッダー、フッター、UserList
そのうちの headers{{title}}ページタイトル
を表示するために、headers の title データを他のコンポーネントにアクセスして変更したいのですが、どのような方法がありますか? 例を挙げていただけますか?
router、vuex、Vue 自体でも実装できるようですが、やり方がわかりません
あと、app.vue と router も見てください。 /index.js、UserList 内の headers と Footers、それらの関係は何ですか? UserList はそれらのサブコンポーネントに属していますか?

Answer 1

vuexを使用した実装は次のとおりです:

ヘッダーのタイトルを状態の属性として抽出し、タイトルを取得するゲッターを定義し、他のコンポーネントにアクセスするときにこのミューテーションをコミットします。ミューテーションのペイロードはタイトルの特定の値です。

Answer 2

vuex が理解できないと思われる場合は、データを更新するメソッドを分離して親コンポーネントに配置するか、グローバル リフレッシャーを自分で作成してください

Answer 3

/a/11...
以前書いた記事【2.実践的なプロジェクト開発】の後編です
お役に立てれば幸いです