介绍 Svelte,并将其与 React 和 Vue 进行比较

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适合您旅程各个阶段的云产品。立即开始使用 价值 200 美元的免费积分!

Josh Collingsworth 显然是 Svelte 的忠实粉丝,因此虽然这是一篇有趣且有用的 对比文章,但它旨在将 Svelte 誉为最终赢家。

我发现的一些引人入胜的地方

我最喜欢 Svelte 的地方之一是它的 HTML 优先理念。除少数例外,Svelte 代码完全是浏览器可读的 HTML 和 JavaScript。事实上,从技术上讲,你可以将 Svelte 代码称为 HTML 的一个小超集。

并且

Svelte 默认情况下是响应式的。这意味着当一个变量被重新赋值时,它在所有使用或引用它的位置都会自动更新。(React 和 Vue 都要求你显式地初始化响应式变量。)

我确实发现 组件格式 看起来很不错,就像你只是在写 HTML 一样。你甚至不需要在它周围使用 <template> 标记,也不需要 return 任何内容。我想像 Astro 从这里获得灵感,因为你也可以直接在其中放入 <style> 标记,并在需要时对样式进行范围限定。但我认为我更喜欢在构建期间默认情况下仅运行顶部的“带围栏的”JavaScript 的方式。


附注:我真的很喜欢 Josh 的页眉/页脚随机正方形主题,所以尝试了逆向工程

直接链接 →