如何在Svelte中导入组件

251 阅读1分钟

了解如何在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标签。