當前位置:編程學習大全網 - 源碼下載 - vue最全的組件通信和插槽,看這壹篇就夠了

vue最全的組件通信和插槽,看這壹篇就夠了

組件通信常用方式

props

父給子傳值

自定義事件

子給父傳值

$emit

$bus事件總線

任意兩個組件之間傳值常用事件總線 或 vuex的方式。

event bus

vuex

唯壹的全局數據管理者store,通過它管理數據並通知組件狀態變更。

邊界情況

$parent/$root

兄弟組件之間通信可以通過***同祖輩搭橋 $parent 或$root

$children

父組件可以通過$children訪問子組件實現父子通信

$refs

獲取子節點引用

provide/inject

能夠實現祖先和後代之間的傳值

$attrs $listeners

非prop特性 ,可以包含所有父作用域的綁定(class style除外)並且可以通過v-bind=“$attrs”傳入組件內部,創建高級組件時特別有用

插槽語法是vue實現的內容分發api 適合復合組件開發,在通用組件庫的開發中大量使用。

匿名插槽

具名插槽

將內容分發到子組件指定位置

作用域插槽

分發內容到子組件的數據

create函數

建通知組件,Notice.vue

  • 上一篇:水電安裝價格。
  • 下一篇:誰知道扁平式網站是什麽?跟樹形網站的區別?
  • copyright 2024編程學習大全網