本章介绍如何在Svelte文件中使用样式
当业务逻辑简单时，我们可以把所有变量都放在各自的组件或页面内。然而真实的开发情况是，我们的业务逻辑会越来越复杂，页面所承载的数据，亦或者页面与页面之间公用的状态等会变得越来越庞大。此时如何处理和维护系统的状态将变得尤为关键。
在《组件与属性》一章中，我们了解了父子组件之间的传值通信方式。然而这在正常的开发中远远不够，我们可能会遇到在最顶部的组件的状态传递给最里层的组件，最常见的需求便是系统主题颜色的切换。如果使用父子传值的方式来层层传递，显然过于累赘。这里，我们期望数据能够从一个组件中直接传递到另一个组件当中，不管这个组件在哪。
好看的动画往往能给页面带来锦上添花的效果，不仅能提升用户体验，还能增强页面美观度。流畅丝滑的动效背后，除了开发时的灵感迸发，也需要强有力的数学知识的支持。
`svelte/action`只是创建元素时调用的普通JavaScript函数，通过这个函数，我们能够拿到对元素本身的引用，因此我们可以通过js编程将任何行为附加到该元素。可以理解为在元素的生命周期内进行操作。
一些特殊的标签，在平时的开发中比较少遇到。但在特定的场合，却又能发挥大用处。
在列表展示时，为了提升用户体验，我们在数据请求的过程中，往往会使用一些loading toast来提示用户我们正在请求，等到请求完成后便会隐藏loading提示而展示我们请求成功的数据。
一个简单的TodoList项目实战，首先创建出这个项目的基本页面布局，使用tailwindcss来作为项目的样式渲染工具。
TodoList项目实战，使用svelte/store来管理页面间的数据交互。
也许实现一个TodoList项目没有过瘾，这里笔者为大家带来第二个实战内容：使用Svelte来实现Antd的其中一个组件。
