host
使用 host 屬性,可以獲取元素的宿主組件實例。這對於在組件內部訪問其宿主組件的數據和方法非常有用。
下面是一個示例,演示如何使用 host 屬性獲取宿主組件的實例:
Username: {{username}}
Response: {{response}}
在這個示例中,我們創建瞭一個自定義組件 user-card,並在組件內部通過 this.host 訪問宿主組件(頁面)的方法 sayHi,實現瞭組件與宿主之間的交互。
如菓元素不在組件或頁面模塊內,host 的值將爲 null。例如:
-
I am target
-
在這個示例中,#target 元素在 body 下,不在任何組件或頁面內,所以 $("#target").host 的值爲 null。