接著vue組件父與子通信詳解繼續(xù)學習。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：主機域名、虛擬空間、營銷軟件、網(wǎng)站建設、夷陵網(wǎng)站維護、網(wǎng)站推廣。

二、組件間通信（子組件傳值給父組件）

通過事件的方式來完成數(shù)據(jù)的傳輸。

①在父組件中 定義一個方法，用來接收子組件所通過事件傳來的值

methods:{
　　recvMsg:function(msg){
　　//參數(shù)msg就是子組件通過事件出來的數(shù)據(jù)
　　}
}

②綁定事件處理函數(shù)

事件一般情況 都是自定義事件

③在子組件觸發(fā)事件

　　　　　　事件名，值
this.$emit('myEvent',myPhone)
//觸發(fā)一個叫做myEvent的事件，同時把第二個參數(shù)數(shù)據(jù)傳遞給事件對應的處理函數(shù)

總結(jié)：

在Vue 中，父子組件的關系可以總結(jié)為 props down, events up。父組件通過 props 向下傳遞數(shù)據(jù)給子組件，子組件通過 events 給父組件發(fā)送消息。

 
 
 
  
 
 
 

    
{{msg}}
    
  
  
 

在子組件中放上一個input，點擊按鈕 把用戶輸入的內(nèi)容發(fā)給父組件

 
 
 
  
 
 
 

    
{{msg}}
    
  
  
 

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。