模板

Svelte 模板提供了一個很棒的 each 區塊，讓我們可以對陣列或任何可迭代的內容進行迭代： <script> let goodDogs = ['Roger', 'Syd'] </script> {#each goodDogs as goodDog} <li>{goodDog}</li> {/each} 但是，如果你想要根據一個變數重複執行區塊呢？假設我們有一個變數 rows 儲存了一個數字，我們想要使用它作為迴圈變數。 我們可以通過創建一個陣列並使用 Array(n) 的語法來實現我們的需求。這將創建一個以 n 項初始化的陣列： {#each Array(rows) as _, row} {row} {/each}

如何避免 Svelte 將模板的部分內容渲染到客戶端 HTML 註釋非常適合在頁面中隱藏元素。 在 HTML 中，您可以這樣添加註釋： <!-- 這裡是一個註釋 --> 您也可以在區塊中使用註釋，以隱藏多行 HTML 代碼： <!-- 這是一個 註釋 在這裡 --> 請注意，這仍然可以在頁面源代碼中看到。瀏覽器只是將其隱藏起來，但可以隨時查看該註釋。 您可以在 Svelte 模板中使用相同的註釋。但是在 Svelte 中，您不會將被註釋的部分發送到瀏覽器。該部分被完全刪除，只保留在源文件中，對頁面生成的 HTML 不可見。 這在我看來是一個好事情。