javascript – Bitten Sie um Rat zur Wertübertragung zwischen Vue2-Komponenten

Question

Projektadresse: Linkbeschreibung
Derzeit gibt es 3 Komponenten Kopfzeilen, Fußzeilen, Benutzerlisteheaders、Footers、UserList
其中headers中{{title}}为显示页面标题
我想通过访问其它组件改变headers的title数据,请问有哪些方法,能举下例么.
感觉router、vuex和vue本身都能实现,但就是不知道怎么做.
另外麻烦看下app.vue和router/index.js,里面的headers、Footers、UserList,它们是什么关系?UserListUnter diesen Kopfzeilen ist {{title}} die Anzeigeseitentitel

Ich möchte die Titel-Daten von Headern ändern, indem ich auf andere Komponenten zugreife. Welche Methoden gibt es? 🎜Ich habe das Gefühl, dass der Router Vuex ist und vue können dies selbst erreichen, aber ich weiß einfach nicht, wie es geht. Schauen Sie sich auch app.vue und router/index.js, die Kopfzeilen, Fußzeilen, UserList enthalten. Welche Beziehung besteht zwischen UserList und ihren Unterkomponenten?🎜

Answer 1

用vuex的实现为：

将header的title抽取为state的一个属性，定义一个getter来获取该title，定义一个mutation，在你访问其他组件的时候，commit这个mutation, 同时该mutation的payload为title的具体值

Answer 2

如果觉得vuex搞不明白，那就把刷新数据的方法抽离放到父组件上，要么自己搞一个全局的刷新器

Answer 3

/a/11...
我之前写的一篇文章的第二部分 【二、项目实战开发】
希望能帮到你