vue2.x源码分析之目录解析(个人学习总结)

162 阅读1分钟

src目录下

  • compiler # 编译相关
  • core # 核心代码
  • platforms # 不同平台的支持
  • server # 服务端渲染
  • sfc # .vue 文件解析
  • shared # 公共共享代码

1.compiler compiler文件包含了所有vue编译相关的代码,包括把模板解析为ast语法树,优化语法树,代码生成等。

2.core core包含了vue的核心实现代码,包括内置组件、全局api封装、Vue示例化、观察者、虚拟dom、工具函数等。

3.platforms platforms有两个目录,分别是 web和weex,顾名思义,可以分别打包成这两个平台可运行的代码,源码分析的话,主要看web就行。 4. server vue2.0支持服务端ssr渲染,所有的逻辑都在这个目录下,是运行在node上的不是运行在浏览器端的vue.js。 服务端渲染是把组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序 5.sfc 将vue单文件编译成js对象 6.shared vue会定义一些工具方法,可以被浏览器端和服务端的vue.js共享。