[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> ```