host
使用 host 属性,可以获取元素的宿主组件实例。这对于在组件内部访问其宿主组件的数据和方法非常有用。
下面是一个示例,演示如何使用 host 属性获取宿主组件的实例:
Username: {{username}}
Response: {{response}}
在这个示例中,我们创建了一个自定义组件 user-card,并在组件内部通过 this.host 访问宿主组件(页面)的方法 sayHi,实现了组件与宿主之间的交互。
如果元素不在组件或页面模块内,host 的值将为 null。例如:
-
I am target
-
在这个示例中,#target 元素在 body 下,不在任何组件或页面内,所以 $("#target").host 的值为 null。