組件通信常用方式
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