Skip to main content

svelte 中文网 svelte

｜ Examples

开发文档代码示例学习教程

当前版本 v4.2

Theme

Examples

介绍
你好世界
动态属性
样式
嵌套组件
HTML 标签
反应式
反应式赋值
反应式声明
反应式语句
属性
声明属性
默认值
展开属性
逻辑
if 块
else 块
else-if 块
each 块
为 each 块加键
await 块
事件
DOM 事件
内联处理程序
事件修饰符
组件事件
事件转发
DOM 事件转发
绑定
文本输入
数字输入
复选框输入
组输入
文本区域输入
文件输入
选择绑定
选择多个
each 块绑定
媒体元素
尺寸
bind:this={canvas}
组件绑定
生命周期
onMount
onDestroy
beforeUpdate 和 afterUpdate
tick
存储
可写存储
自动订阅
可读存储 REPL
衍生存储
定制存储
移动
补间
Spring
转场
转场指令
添加参数
进进出出
自定义 CSS 转场
自定义 JS 转场
转场事件
延迟转场
动画
动画指令
宽松
轻松可视化工具
SVG
时钟
柱状图
面积图
散点图
SVG 转场
动作
使用指令
添加参数
更复杂的动作
类
类指令
速记类指令
组件组成
插槽
插槽回退
命名插槽
插槽属性
条件插槽
模态
上下文 API
setContext 和 getContext
特殊元素
<svelte:self>
<svelte:component>
<svelte:element>
<svelte:window>
<svelte:window> 绑定
<svelte:document>
<svelte:body>
<svelte:head>
模块上下文
命名导出
调试
@debug 标签
7GUIs
计数器
温度转换器
航班预订者
计时器
CRUD
圆形抽屉
杂项
黑客新闻
不可变数据

loading editor...

loading Svelte compiler...

loading editor...

result = svelte.compile(source, {

generate: "dom" "ssr",

dev: false,

css: "injected" "external" "none",

hydratable: false, customElement: false, immutable: false, legacy: false });

loading editor...