Svelte从入门到精通

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

所谓组件式，即抽离一些通用的逻辑到一个文件中组装成一个组件，当页面有用到该功能时，直接调用组件即可。那组件除了内部维持自身的逻辑之外，还需要通过接受外部传进来的数据，来实现组件的动态性和灵活性。

数据是页面展示中最重要的一环。在Svelte中，我们直接在script标签中正常声明，然后再在html标签里使用{}来包裹变量。

工欲善其事，必先利其器。本文介绍了在各种环境中如何安装使用Svelte。我们可以使用Vite、SvelteKit、webpack-loader、rollup-plugin等方式安装Svelte。

对于国内前端开发者来说，前端框架首选无疑是React和Vue、退而其次是Angular。从本章开始，笔者将和大家一起了解一个不同于React和Vue等以虚拟DOM为核心的框架，Svelte。