元件和元件通訊

2021-10-12 01:12:12 字數 772 閱讀 8840

全域性元件和區域性元件

父元件和子元件

元件的data(元件中的資料是分開的)

+-

元件是乙個單獨功能模組的封裝元件中不能直接訪問例項物件,且子元件不能直接訪問父元件的內容

#####父子元件通訊

props:(properties屬性的縮寫,父到子)可以做到型別限制,**如下

$emit事件:(子到父)

注意點:

過程理解:子元件想給父元件傳遞東西的話就發射乙個事件,這個事件型別需要自定義,在父元件的模板用自定義標籤時進行對該事件的監聽,監聽後去父元件裡面的methods或者其他地方進行對該事件的處理案例

data()//展示可以直接展示,但是如果要修改資料一定要放到data裡面

},methods:,

num2input()}}

}})

Vue元件通訊(關係元件和非關係元件)

元件是vue的乙個重要概念,有效的利用了封裝的思想 可以模擬js的函式或者類 我們通常會把乙個單頁應用中的各種模組拆分成乙個乙個單獨的元件,利用這些元件組裝成乙個完整的功能,具有很好的復用性和維護性。既然是封裝就涉及輸入和輸出,而多個元件之間如何處理輸入和輸出是我們經常會面臨到的問題,也是我們經常說...

Vue元件通訊和React元件通訊的方法

父子通訊 在vue中,父子通訊,就是資料存放在父元件中,然後子元件根據父元件的資料變化來變化,那麼就要想辦法將父元件的資料傳遞給子元件。在父元件中使用子元件,然後在子元件標籤上通過 屬性 屬性值 來寫乙個自定義屬性,就可以將父元件的屬性傳遞給子元件,然後在子元件中通過 props 屬性 來接收,然後...

React元件通訊 高階元件

子父元件通訊 非父子元件通訊 跨元件通訊 在react沒有類似vue中的事件匯流排來解決這個問題,我們只能借助它們共同的父級元件來實現,將非父子關係裝換成多維度的父子關係。react提供了contextapi來實現跨元件通訊,react 16.3之後的contextapi較之前的好用。使用流程 im...