svelte基础语法学习

官网文档地址:绑定 / Each 块绑定 • Svelte 教程 | Svelte 中文网

1、样式

一般情况下父子组件内样式隔离、同级组件间样式隔离

2、页面布局




13、过渡动画效果 transition





{#if visible}
	

Fades in and out

{/if}

上下渐入渐出: fly





{#if visible}
	

Flies in and out

{/if}

14、过渡事件

Flies in and out

15、组件slots

使用组件不传内容,用默认显示

如果有自定义则显示自定义内容

默认插槽

sdsd

子组件Box.svelte

dsdsds

父组件 // 显示这里定义的内容

Hello!

This is a box. It can contain anything.

// 显示slot默认内容

具名插槽

sdsd

// 子组件

Unknown name

Unknown address
// 父组件 P. Sherman 42 Wallaby Way
Sydney

16、动态组件





你可能感兴趣的:(svelte,svelte)