在 Svelte 中，應用程式是由一個或多個元件組成。元件是一個可重複使用的、獨立的程式碼區塊，它封裝了彼此相關的 HTML、CSS 和 JavaScript，並寫入 .svelte 檔案中。在右側程式碼編輯器中開啟的 App.svelte 檔案是一個簡單的元件。

新增資料

一個只渲染一些靜態標記的元件沒什麼意思。讓我們加入一些資料。

首先，在你的元件中加入一個 script 標籤，並宣告一個 name 變數

<script>
	let name = 'Svelte';
</script>

<h1>Hello world!</h1>

然後，我們可以在標記中引用 name

<h1>Hello {name}!</h1>

在大括號內，我們可以放入任何我們想要的 JavaScript。嘗試將 name 更改為 name.toUpperCase() 以獲得更響亮的問候。

<h1>Hello {name.toUpperCase()}!</h1>