最近产品给我提了一个非常好玩(e xin)的需求：用户输入单文件组件（sfc）的代码就能显示对应的界面。具体可以参考vue playground。 提出问题 作为一个成熟的前端，要善于挖掘产品的隐含意

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

Vue.js的核心思想是数据驱动，就是指视图是由数据驱动生成的，我们对视图的修改，并不会直接去操作DOM,而是通过修改数据。 下面从源码角度来分析Vue是如何实现的。 首先我们可以看到vue的源码在github上有，大家可以克隆下来。 我们主要看src下的内容。 可以看到vue…