Svelte是2019年才火起来的新前端【作者：唐霜】未经授权，禁止复制转载。框架，它的热度虽然不如react和vue【本文受版权保护】【版权所有】唐霜 www.tangshuang.net，但是确实很热，大有冲击RAV之后第四大【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】框架之势。对它的文档进行阅读之后，我来说【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。一说自己的一些看法。这些看法不一定成熟，【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】毕竟没有使用它开发过项目，但是话说回来，【版权所有，侵权必究】【作者：唐霜】目前在国内，使用它进行前端项目开发的可能【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net性仍然停留在观望阶段，没有一家公司会尝试著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】一个不一定发展很久的框架。

Svelte的第一眼真是非常爽。你说它像【作者：唐霜】原创内容，盗版必究。vue不错，但是它比vue更爽：

<script>
let a = 0
</script>

<div on:click="{() => a ++}">{a}</div>

如此漂亮的语法，简直像是重新定义了HTM【原创内容，转载请注明出处】【版权所有，侵权必究】L。而且这个写法和我当初写virtual【未经授权禁止转载】【未经授权禁止转载】 dom框架的初衷一样，感觉相见恨晚。

但是，当我发现它发明了新语法$:之后，就【本文首发于唐霜的博客】【本文受版权保护】有些开始不是很舒服了。

$: b = a + 1

这个语法要实现的是vue里面的计算属性，【作者：唐霜】未经授权，禁止复制转载。它具有依赖响应的效果，当a发生变化时，b著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】也会随之发生变化。但是，为了计算属性的效转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。果，我觉得可以忍，毕竟不麻烦。

当发现它来发明了新的循环语法时，我有点开未经授权，禁止复制转载。【本文受版权保护】始不适应了。

{#each books as book}
  <div>{book.name}</div>
{/each}

这……感觉回到了php模板时代，怎么说好转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】呢？有点拒绝。

再到后面，它的事件冒泡居然要声明：

<div on:click>
  <Inner />
</div>

如果不声明，事件不冒泡。此时，我内心有种转载请注明出处：www.tangshuang.net【未经授权禁止转载】MMP的感觉，这是反人类么。。。

随后的文档中，出现了各种奇淫巧技，我心想【转载请注明来源】转载请注明出处：www.tangshuang.net啊，未来这东西还能维护吗？其中store【原创不易，请尊重版权】【原创不易，请尊重版权】部分，蹭了rxjs的热度，提供了多种模式【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。的存储器，把数据管理搞出了越来越难理解的【未经授权禁止转载】【访问 www.tangshuang.net 获取更多精彩内容】高度，也是大写的服。

Svelte虽然想要做出点什么不一样的东本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】西出来，但是我个人觉得，有点太过了，像玩【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。具一样，不具备可长期维护的可能性。而且它【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】依赖编译，和vue不同，vue可以直接运【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。行时，在html文件中引入后就像jque【原创内容，转载请注明出处】未经授权，禁止复制转载。ry一样，马上可以撸。总体上而言，sve【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。lte除了一开始让人眼前一亮外，没有超出【转载请注明来源】本文作者：唐霜，转载请注明出处。vue所提供的功能，很难说服开发者从vu【关注微信公众号：wwwtangshuangnet】【转载请注明来源】e转向svelte。更别提react了。

在我看来，react仍然是最好的框架，除转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net了jsx之外，它完全遵循js本身的运行原【转载请注明来源】本文作者：唐霜，转载请注明出处。理，没有解析器去自己实现一套语法（jsx【关注微信公众号：wwwtangshuangnet】本文作者：唐霜，转载请注明出处。是语法糖，可以不用，写原生代码）。也正因未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net为如此，它才有可能是未来10年都可能持续【作者：唐霜】【未经授权禁止转载】可维护的代码，对于开发者而言，他可以很容本文作者：唐霜，转载请注明出处。【作者：唐霜】易从一个文件中读懂所有的逻辑，因为它本身著作权归作者所有，禁止商业用途转载。【作者：唐霜】就是js，没有其他需要理解的知识（jsx【转载请注明来源】未经授权，禁止复制转载。除外），而vue即使很简单，也需要了解它【版权所有】唐霜 www.tangshuang.net【本文受版权保护】的模板语法。

不过，svelte也不是没有可取之处，例【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】如它的编译，竟然可以在浏览器中完成（看它【本文受版权保护】本文作者：唐霜，转载请注明出处。的在线教程编辑器），可见他们团队在编译这【本文受版权保护】【转载请注明来源】个中间环节下了大功夫，才能在撰写语法上如【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】此优雅。