一些特殊的标签，在平时的开发中比较少遇到。但在特定的场合，却又能发挥大用处。本章中，我们将了解以下标签： <svelte:self> <svelte:component>...

在《组件与属性》一章中，我们了解了父子组件之间的传值通信方式。然而这在正常的开发中远远不够，我们可能会遇到在最顶部的组件的状态传递给最里层的组件。如果使用父子传值的方式来层层传递，显然过于累赘

当业务逻辑简单时，我们可以把所有变量都放在各自的组件或页面内。然而真实的开发情况是，我们的业务逻辑会越来越复杂，页面所承载的数据，亦或者页面与页面之间共用的状态等会变得越来越庞大。

在<style></style>内编写的样式默认是scoped，组件内生效的。在一些情况下，我们需要让我们的样式不止在组件内生效，最常见的场景便是修改UI组件的样式。

即使当今的主流开发模式提倡的是数据驱动视图，然而我们仍旧无法完全摆脱对dom的操作，我们也不能摆脱。无论是在React还是在Vue中，都有提供对dom的引用的api操作，而对dom的引用通常称为Ref

一个最常见的场景便是UI组件中的Modal弹窗组件。弹窗的弹出隐藏是通用的，但是弹窗内的内容则是五花八门，完全由用户自己定义，而这种能够往组件内部插入自定义内容的模块，我们称之为“插槽”。

在程序语言中，当然不止数据的存储和更新，同样重要的还有如何更新和展示这些数据。本章中，笔者将与读者们一起了解如何通过条件判断来展示或隐藏页面内容，如何通过列表循环来展示数组内容。

如果读者接触过Vue或者React，那么必然了解过像Vue的computed、watch和React的useMemo， 在Svelte中，同样提供了类似的功能。Svelte称之为Reactivity。

每个组件从创建开始，到销毁结束这个过程，都有一个生命周期。在不同的生命周期阶段，组件对外提供一个方法，使调用组件的开发人员能够更灵活地在每个生命周期阶段对组件进行控制，这类方法便是生命钩子函数。