了解如何在Svelte中导入组件
Svelte提供单文件组件。每个组件都被声明到一个.svelte 文件中,你可以在其中编写所需的HTML标记、CSS和JavaScript。
下面是一个简单的Svelte组件例子,它存在于一个名为Button.svelte 的文件中。
<button>A button</button>
你可以在这个组件中添加CSS和JS,但这个普通的HTML标记已经是这个组件的标记了,不需要用另一个特殊的标签或其他东西来包装它。
要从这个组件中导出这个标记,你不需要做任何事情。你现在可以使用import ComponentName from 'componentPath' 语法将其导入任何其他Svelte组件。
<script>
import Button from './Button.svelte';
</script>
现在你可以在标记中使用新导入的组件,就像一个HTML标签。