Polymer 1.0中使用的内容元素是什么？

Question

https://www.polymer-project.org/1.0/docs/devguide/local-dom#dom-distribution

在"Dom Distribution"下的上述链接中,它说:

为了支持元素的轻DOM与其本地DOM的组合,Polymer支持该<content>元素....

只是想知道这是否过时了？Polymer 1.0是否使用此处所述的插槽？

https://developers.google.com/web/fundamentals/primers/shadowdom/?hl=en#composition_slot

Answer 1

它绝对适用于Polymer 1.0,即使使用Shadow DOM也是如此; 我目前在我使用Polymer 1.6的项目中使用它,但它可能在Polymer 2.0或更新版本中过时.

@ebidel确认他们会将插槽添加到webcomponents.js,但目前没有人分配给它:https://github.com/webcomponents/webcomponentsjs/issues/430

UPDATE

在Polymer 1.7中,他们推出了<slot>准备升级到2.0 的元素,应尽快发布.2.0将不具有该<content>元素,因为它们切换到CustomElement v1规范.我建议如果您打算使用<content>element然后将其切换到插槽,那么将来您只需升级聚合物库而无需大量迁移.

插槽工作有点不同,插槽没有选择器:

<dom-module id="my-element">
    <template>
        <slot name="content"></slot>
    </template>
    <script>
    Polymer({
        is: 'my-element'
    });
    </script>
</dom-module>

<my-element>
    <div slot="content">My Content</div>
</my-element>