javascript - Demander des conseils sur le transfert de valeur entre les composants Vue2

Question

Adresse du projet : Description du lien
Actuellement, il y a 3 composants headers, Footers, UserListheaders、Footers、UserList
其中headers中{{title}}为显示页面标题
我想通过访问其它组件改变headers的title数据,请问有哪些方法,能举下例么.
感觉router、vuex和vue本身都能实现,但就是不知道怎么做.
另外麻烦看下app.vue和router/index.js,里面的headers、Footers、UserList,它们是什么关系?UserListParmi eux, {{title}} dans headers est le titre de la page d'affichage

Je souhaite modifier les données title des en-têtes en accédant à d'autres composants. Quelles sont les méthodes pouvez-vous donner un exemple ?🎜Je sens ce routeur, vuex et vue peuvent y parvenir par eux-mêmes, mais je ne sais tout simplement pas comment le faire 🎜 Veuillez également jeter un œil à app.vue et router/index.js<. /code>, qui contiennent des en-têtes, des pieds de page, une liste d'utilisateurs, quelle est leur relation ? Liste d'utilisateurs appartient-elle à leurs sous-composants ?🎜

Answer 1

L'implémentation utilisant vuex est :

Extrayez le titre de l'en-tête en tant qu'attribut de l'état, définissez un getter pour obtenir le titre et définissez une mutation lorsque vous accédez à d'autres composants, validez cette mutation, et la charge utile de la mutation est la valeur spécifique du titre.

Answer 2

Si vous pensez que vuex ne peut pas le comprendre, séparez la méthode d'actualisation des données et placez-la sur le composant parent, ou effectuez vous-même un rafraîchissement global

Answer 3

/a/11...
La deuxième partie d'un article que j'ai écrit auparavant [2. Développement pratique de projets]
J'espère que cela pourra vous aider