日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

本文實例講述了vue實現(xiàn)的組件兄弟間通信功能。分享給大家供大家參考，具體如下：

企業(yè)官網(wǎng)是企業(yè)形象的一張重要名片。成都創(chuàng)新互聯(lián)公司的成都官網(wǎng)定制服務，能夠將成都網(wǎng)頁設計與企業(yè)的實力&公信力、產(chǎn)品服務優(yōu)勢、文化價值觀等有機結合，把握企業(yè)的獨特之處，突出重點核心內容，并以恰如其分的設計風格，抓住目標用戶的關注點和興趣點，幫助企業(yè)塑造好第一印象，成都營銷網(wǎng)站建設展現(xiàn)公司實力。成都官網(wǎng)定制，為你解決成都創(chuàng)新互聯(lián)網(wǎng)營銷解決方案。

兄弟組件間通信（event）

借助于一個公共的Vue的實例對象，不同的組件可以通過該對象完成事件的綁定和觸發(fā)

var bus = new Vue();

bus.$emit()
bus.$on()

熊大想要發(fā)消息給熊二，

接收方（熊二）：事件綁定

bus.$on('customEvent',function(msg){
//msg就是通過事件 傳遞來的數(shù)據(jù)
})

發(fā)送方（熊大）：觸發(fā)事件

bus.$emit('customEvent',123);

練習：

在熊二中 加上一個button，
點擊按鈕時告訴熊大:'快跑！'

接收方：事件綁定
發(fā)送方：觸發(fā)事件

 
 
 
  
 
 
 

    
{{msg}}
    
    

    
  
  
 

使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試，可得到如下運行效果：

改版：熊大在input輸入數(shù)據(jù)傳遞給熊二

 
 
 
  
 
 
 

    
{{msg}}
    
    

    
  
  
 

感興趣的朋友還可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼的運行效果。

希望本文所述對大家vue.js程序設計有所幫助。