Svelte

Tags
webapp
Created
Nov 14, 2020 6:21 PM

https://svelte.dev/blog/svelte-5-is-alive

编译做的很彻底,什么功能都可以做,最终编译器来处理 // React/Vue 只是语法的编译

所以代码可以很精简

let/$: 反应式声明

分配触发更新,更新数组/对象的对象属性需要重新赋值

export let answer; 定义组件 prop

if,each,await

event modifiers/event dispatch/event forward

渲染 html

表单元素双向绑定 // 自动类型转换

innerHTML 绑定

audio/video 属性绑定

clientWidth 尺寸属性绑定

bind:this 元素绑定

on:click 事件绑定 // 也支持 onclick onClick

特殊元素:

<slot>

<svelte:self>

<svelte:component>

<svelte:element>

<svelte:window>

<svelte:document>

<svelte:body>

<svelte:head>

生命周期

await tick() 等待属性渲染到 DOM

store 订阅,使用 $ 自动订阅,派生 store(依赖另一个 store)

动画

过度

SuperMade with Super