当前位置: 首页 > 网络应用技术

VUE3源代码分析系列(2)的初始化过程

时间:2023-03-06 15:00:27 网络应用技术

  我相信许多人已经阅读了VUE2的源代码,VUE3的项目结构发生了很大变化。每个功能模块分别放入目录中,责任更清楚。可以一目了然地通过目录名称看到。我们的文章从搜索入口文件开始。

  从“开发”脚本中,可以知道包装从执行开始,因此我们可以首先将其定位在文件中。

  我们省略了其他代码以查看上述句子,我们可以知道该属性是我们的输入文件,因此我们可以知道整个VUE3项目的入口是打开此文件。

  我们可以看到该文件定义了用于编译的方法,并且我们暂时不会读取它。它还直接运行该方法并将其作为参数传输。我们遵循此方法以查看他的实现。

  此方法非常简单,只需将参数分配给全局变量编译即可。我们可以简单地绘制流程图。

  让我们回顾一下开发过程中如何称呼VUE3。我们可以在中国创建演示。

  从上面的示例中,我们可以知道我们是通过VUE中的方法执行的,然后调用将它们安装到DOM节点的方法。

  位置

  我们可以看到,在中间,我们首先运行该方法,然后调用内部的方法以生成应用程序,首先在应用程序中取出安装方法,然后再次为应用程序分配一个新方法。

  其中只有一件事,也就是说,要创建渲染设备。总体相对简单明了。

  我们分析了入口文件,找到并找到了一系列操作,生成了应用程序属性,并重组了MOUNT方法。因此,我们可以在使用VUE3首先执行后继续调用该方法。下一篇文章我们将讨论整个逻辑和角色。

  原始:https://juejin.cn/post/710184954147268197