如何在Svelte中导入组件

了解如何在Svelte中导入组件

Svelte提供单个文件组件。每个组件都被声明为.svelte文件,然后您可以在其中编写HTML标记,所需的CSS和JavaScript。

这是一个简单的Svelte组件示例,位于一个名为Button.svelte

<button>A button</button>

能够将CSS和JS添加到该组件中,但是这个普通的HTML标记已经是该组件的标记,无需将其包装在另一个特殊标签或任何其他内容中。

要从此组件导出此标记,您无需执行任何操作。现在,您可以使用import ComponentName from 'componentPath'句法:

<script>
import Button from './Button.svelte';
</script>

现在,您可以在标记中使用新导入的组件,例如HTML标签:

<Button />

免费下载我的苗条手册


更多精妙的教程: