vue父子組件、兄弟組件之間的通訊和訪問

注意:1. vue組件間的通訊其實有不少種方法,最經常使用的仍是屬性傳值、事件傳值、vuex;vue

    其餘方法參考 https://juejin.im/post/5bd18c72e51d455e3f6e4334?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.comvuex

1、父組件->子組件

  (1)直接關係:數組

    1. 屬性傳值(props)ide

    2. $children(數組)post

    3. $refs
spa

  (2)跨多層關係:code

    1. provide / injectxml

2、子組件->父組件

  (1)直接關係:事件

    1. 事件傳值ip

    2. $parent

  (2)跨多層關係:

    1. 暫無

3、兄弟組件

  (1)使用事件中心,實例化一個空的 Vue 實例(建議使用vuex) 

相關文章
相關標籤/搜索