検索

ホームページ  >  に質問  >  本文

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

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

过去多啦不再A梦过去多啦不再A梦2793日前565

全員に返信(3)返信します

  • 巴扎黑

    巴扎黑2017-05-19 10:36:13

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

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

    返事
    0
  • 迷茫

    迷茫2017-05-19 10:36:13

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

    返事
    0
  • 巴扎黑

    巴扎黑2017-05-19 10:36:13

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

    返事
    0
  • キャンセル返事