sveltejs vs. sfcjs

Sveltejs is a js framework based on compiling, sfcjs is a js component runtime in browser with svelte style syntax. This article will compare their syntax.

"hello world"

sveltejs vs. sfcjs_第1张图片

Dynamic attributes

sveltejs vs. sfcjs_第2张图片

styling

sveltejs vs. sfcjs_第3张图片

Nested component

sveltejs vs. sfcjs_第4张图片

Reactive assignments

sveltejs vs. sfcjs_第5张图片

Reactive declarations

sveltejs vs. sfcjs_第6张图片

Declaring props

sveltejs vs. sfcjs_第7张图片

If blocks

sveltejs vs. sfcjs_第8张图片

Loop blocks

sveltejs vs. sfcjs_第9张图片

Await blocks

sveltejs vs. sfcjs_第10张图片

DOM events

sveltejs vs. sfcjs_第11张图片

Component events

sveltejs vs. sfcjs_第12张图片

Two-way-binding

sveltejs vs. sfcjs_第13张图片

Reactive styling

sveltejs vs. sfcjs_第14张图片

你可能感兴趣的:(svelte前端前端框架)