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

更多精妙的教程：

• Svelte入門-簡短教程
• 如何在斯維爾特使用道具
• 如何在Svelte中導入組件
• 如何從Svelte組件導出函數和變量
• 苗條的模板：條件邏輯
• 如何按需重新渲染Svelte組件
• 苗條的插槽
• 如何在Svelte模板中添加評論
• 苗條的綁定
• 在Svelte中處理狀態更新
• Svelte中的反應性陳述
• 苗條的生命週期事件
• 苗條的模板：循環
• 解決Svelte模板中的承諾
• 處理斯維爾特的活動
• 斯維爾特的跨組件狀態管理
• 如何在腳本模塊外部的Sapper中訪問URL參數
• 如何在Svelte中動態應用CSS
• 如何在Sapper中重定向到URL
• 如何在Svelte模板中模擬for循環