如何在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 />

免費下載我的苗條手冊


更多精妙的教程: