如何在Svelte中導入組件

學習如何在Svelte中導入組件

Svelte提供了單文件組件。每個組件都在.svelte文件中聲明，在其中可以編寫所需的HTML標記、CSS和JavaScript。

下面是一個簡單的Svelte組件示例，保存在名為Button.svelte的文件中：

1	<button>按鈕</button>

您可以在該組件中添加CSS和JS，但這個純HTML標記已經是組件的標記，無需用其他特殊標記包裹它。

要將該組件的標記從該組件中導出，您不需要做任何操作。現在，您可以使用import ComponentName from 'componentPath'語法將其導入到任何其他Svelte組件中：

1
2
3

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

現在，您可以在標記中使用這個新導入的組件，就像使用HTML標記一樣：

1	<Button />

tags: [“svelte”, “component”, “import”]