博客

ref主要用于获取组件实例或访问DOM节点,也可以用于组件间通信。

分享在不同框架中如何使用和整理样式

对比一下三大框架的跨组件传值能力。

在正式解读源码之前，笔者会和读者朋友们一起了解一些npm库的功能作用，每一个都和我们接下来的源码解读息息相关。在阅读完本章后，相信读者们在接下来的源码讲解中，不至于遇到一个功能库而一头雾水。

如果没有接触过位运算的读者，可能会对这行代码犯迷糊，因此，我准备花一章的时间来和大家一起了解“位运算”。

经过了前两章的铺垫，我们正式开始对源码进行解读。到笔者目前写文章时，Svelte的最新版本是4.2.12。

要了解Svelte的运行时逻辑，可以从它编译后的代码出发。我们在REPL编写一个简易的程序。

本章将演示Svelte从编译到运行的整体流程。

我们在源码阶段已经初步了解了Svelte的整体运作流程，从这一章开始，我将和读者朋友们一起，自己动手实现一个简化版的Svelte。

我们从App.svelte读取到字符串内容后，传递进了compile方法中，继而传进到parse方法中。在parse方法内，我们定义一个parseFragments方法，将解析出的字符串内容分类存储。