将元素放入 Svelte 组件中

Question

将元素放入 Svelte 组件中是什么意思？例如。此代码：

    const target = document.createElement('div');
    //  render the component in the new element
    const sample = new Sample({ target });

这是做什么的？是否将 Svelte 组件放在 div 中？将元素放在 Svelte 组件的构造函数中是 Svelte 语法吗？

Answer 1

这是在您的文档中呈现组件的位置。通常，您会使用非常具体的位置，例如 body 或具有特定 ID 的 div。

但是在这种情况下，您实际上并没有呈现页面，而只是测试一个组件，因此 div 在哪里并不重要。

您可以在此处找到有关使用 Jest 进行测试的更多信息 https://jestjs.io/

Answer 2

是的，该片段正在初始化名为 Sample 的 Svelte 组件并将其呈现在 target div 中。 Svelte 组件构造函数的选项参数的 target 属性是唯一必需的属性.

有关详细信息，请查看 Svelte's components documentation。

Putting an element inside Svelte Component