Heim >Web-Frontend >View.js >Ein Artikel, der kurz die Verwendung des Nachrichtenabonnements und der Veröffentlichung in Vue analysiert
Was ist das Abonnieren und Veröffentlichen von Nachrichten? Wie benutzt man? Im folgenden Artikel erfahren Sie, wie Sie das Abonnieren und Veröffentlichen von Nachrichten in Vue nutzen. Ich hoffe, dass er Ihnen weiterhilft!
Web-Front-End-Entwicklung
]npm i pubsub-js2. Einführung (führen Sie es einfach in die Komponente ein, die Pubsub verwenden muss)
import pubsub from ' pubsub-js'
methods(){demo(data){.....}mounted() {this.pid = pubsub. subscribe( 'xx',this . demo) }Wir sollten zuerst die Komponente finden, die Daten empfangen möchte, ein bereitgestelltes Konfigurationselement konfigurieren und die Nachricht abonnierenabonnierenDieses Wort bedeutet auch abonnieren, das heißt, die folgende Komponente ist die Rolle von Little A , er möchte eine Zeitung abonnieren und dann Ihre Adresse hinterlassen
'Hallo',
und dann den Rückruf verwenden, um die Daten zu erhalten. Der msgName und die Daten sind hier der Abonnementname bzw. die Daten (dh die Heimatadresse von). Kleines A und das vom Zeitungszusteller getragene) Zeitung)
import pubsub from "pubsub-js"; export default { name: "School", data() { return { name: "山鱼特效屋", address: "南京北城区" }; }, mounted() { this.pubId = pubsub.subscribe("hello", (msgName, data) => { console.log("该消息已经发布", msgName, data); }); }, //使用完之后销毁该绑定事件避免后期错误使用 beforeDestroy() { pubsub.unsubscribe(); } };Daten bereitstellen
pubsub. publish( ' xxx' ,数据)Der erste Parameter „Hallo“ der Veröffentlichungsmethode ist der Abonnementname und der zweite Parameter (this. Name) sind die Daten, die Sie übergeben möchten.
import pubsub from "pubsub-js"; export default { name: "Student", data() { return { name: "张三", sex: "男" }; }, // 配置一个methods项 methods: { snedStudentName() { // 选择给谁提供数据 pubsub.publish("hello", this.name); } } };
beforeDestroy() {pubsub.unsubscribe();}3.nextTick
Grundlegendes Programmiervideo
)Das obige ist der detaillierte Inhalt vonEin Artikel, der kurz die Verwendung des Nachrichtenabonnements und der Veröffentlichung in Vue analysiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!