1. 程式人生 > >vue父子組件、兄弟組件之間的通信和訪問

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

tro ref pro vid prop 直接 比較 ops 事件

註意:比較復雜的嵌套類的通信問題都建議使用vuex

一、父組件->子組件

  (1)直接關系:

    1. 屬性傳值(props)

    2. $children(數組)

    3. $refs

  (2)跨多層關系:

    1. provide / inject

二、子組件->父組件

  (1)直接關系:

    1. 事件傳值

    2. $parent

  (2)跨多層關系:

    1. 暫無

三、兄弟組件

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

  

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