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)
动画
过度