[TOC] > [參考](https://svelte.dev/) > [examples](https://svelte.dev/examples/hello-world) ## 概述 - vue 只依賴 javascript , svelte依賴編譯器 - Svelte是一個編譯器，可以將聲明性的狀態驅動組件轉換為直接更新DOM的命令式JavaScript代碼,使其比使用虛擬DOM并在運行時編譯的框架快2倍 - sveltejs 可以編譯為一個0依賴的 web component ,并可以自定義標簽名，并且同一個sveltejs可以定義多個組件名 ## 示例 ## hello world ``` <script> let count = 0; function handleClick() { count += 1; } </script> <button on:click={handleClick}> Clicked {count} {count === 1 ? 'time' : 'times'} </button> <style> p { color: purple; font-family: 'Comic Sans MS', cursive; font-size: 2em; } </style> ```