我刚开始学习Polymer自定义元素。
我创建了一个非常简单的自定义元素,其用法如下:
<my_custom_element></my_custom_element>
自定义元素的模板是:
<template>
<span>Hello</span>
</template>
如果我使用Chrome Dev工具检查DOM,我会注意到DOM中出现了my_custom_element
标记。我没想到这个。我原以为这个标签会被模板内容所取代。 my_custom_element
本身代表什么?
我还读到:host
可用于在其定义内部设置自定义元素的样式,并用于设置主题元素本身的样式。但是我再一次不明白主机元素本身的风格是什么意思。是不是由其模板内容定义的主机元素?
答案 0 :(得分:1)
Web组件模型不使用<my-custom-element>
作为占位符,而是使用具有复杂行为及其内容的实际和真实HTML元素。