日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當(dāng)前位置： 首頁 >

组件通信 eventtBus

發(fā)布時間：2025/4/14 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 组件通信 eventtBus 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

平級組件的通信 一個全局發(fā)布訂閱模式，它是掛載到全局的

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>組件通信 &bus</title><script src="./node_modules/vue/dist/vue.js"></script> </head> <body><div id="app"><children1></children1><children2></children2></div> </body> <script>//發(fā)布訂閱模式//適合簡單的數(shù)據(jù)流Vue.prototype.$bus = new Vue();Vue.component('children1',{template:`<div><span>children1</span></div>`,mounted() {this.$bus.$on('吃',(food)=>{console.log(food)}) },})Vue.component('children2',{template:`<div><span>children2</span></div>`,mounted() {this.$bus.$emit('吃','月餅')},})let vm = new Vue({el:'#app',})//hello </script> </html>

?

轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11540050.html

總結(jié)

以上是生活随笔為你收集整理的组件通信 eventtBus的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。