學習如何在Svelte中導入組件
Svelte提供了單文件組件。每個組件都在.svelte
文件中聲明,在其中可以編寫所需的HTML標記、CSS和JavaScript。
下面是一個簡單的Svelte組件示例,保存在名為Button.svelte
的文件中:
<button>按鈕</button>
您可以在該組件中添加CSS和JS,但這個純HTML標記已經是組件的標記,無需用其他特殊標記包裹它。
要將該組件的標記從該組件中導出,您不需要做任何操作。現在,您可以使用import ComponentName from 'componentPath'
語法將其導入到任何其他Svelte組件中:
<script>
import Button from './Button.svelte';
</script>
現在,您可以在標記中使用這個新導入的組件,就像使用HTML標記一樣:
<Button />