在 Svelte 中，应用程序由一个或多个组件组成。组件是一个可重用的自包含代码块，封装了属于一起的 HTML、CSS 和 JavaScript，写入 .svelte 文件中。App.svelte 文件，在右侧代码编辑器中打开，是一个简单的组件。
添加数据
一个只渲染一些静态标记的组件并不是很有趣。让我们添加一些数据。
首先，在你的组件中添加一个 script 标签并声明一个 name 变量
App
<script>
let name = 'Svelte';
</script>
<h1>Hello world!</h1>然后，我们可以在标记中引用 name
App
<h1>Hello {name}!</h1>在花括号内，我们可以放入任何我们想要的 JavaScript 代码。尝试将 name 更改为 name.toUpperCase() 以获得更响亮的问候语。
App
<h1>Hello {name.toUpperCase()}!</h1>上一步 下一步
1
2
<h1>Hello world!</h1>