专栏首页柠檬先生Vue 源码分析—— 目录结构

Vue 源码分析—— 目录结构

Vue.js 的源码都是在src 目录下,其目录结构如下。

 1.compiler 目录包含Vue.js 所有编译相关的代码。它包括把所有模板解析成ast 语法树, ast 语法树优化等功能。

 2.core 目录 包含了Vue.js 的核心代码,包括内置组件,全局API封装,Vue 实例化,观察者,虚拟DOM, 工具函数等等。

 3.platform Vue.js 是一个跨平台的MVVM 框架,它可以跑在web上,可以跑在weex 跑在,native客户端上,platform 是Vue.js 的入口,2 个目录代表2主要入口,

  分别打包成运行在web 上和weex 上的Vue.js

   4.server  Vue.js 2.0 支持了服务端渲染,所有服务端渲染相关的逻辑都在这个目录下,注意,这部部分代码是跑在服务端的Node.js, 不要和跑

  在浏览器端的Vue.js 混为一谈。

   5.sfc  通常我们开发 Vue.js 都会借助 webpack 构建,然后通过.vue 单文件来编写组件。

   6. shared  Vue.js 会定义歇一下工具方法,这里定义的工具方法都是会陪浏览器端的Vue.js 和 服务端的Vue.js 所共享的。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • freeRTOS源码目录结构分析

    自从恩智浦合并飞思卡尔后,新推出的SDK将不在支持MQX实时操作系统,主要支持freeRTOS,freeRTOS是开源的免费操作系统,使用的人非常多,据网...

    用户1605515
  • 14. vue源码入口+项目结构分析

    这就是重点了。 我们npm run build、npm run dev都是执行这里面的命令。 他告诉我们当执行build的时候是在执行那个文件。

    用户7798898
  • 「WebRTC」最新 WebRTC 源码目录结构分析

    最近一直在研究 WebRTC源码,发现目前网上分析WebRTC源码的资料非常少。随着Google不断推进WebRTC标准,WebRTC 代码的变化非常大,很多以...

    音视频_李超
  • 深入vue - 源码目录及构建过程分析

     公众号原文链接:深入vue - 源码目录及构建过程分析    喜欢本文可以扫描下方二维码关注我的公众号 「前端小苑」

    用户1741436
  • libevent源代码初识及目录结构分析

    最新代码直接从libevent的github即可,链接如下: https://github.com/libevent/libevent 编译方法在该github...

    cpp加油站
  • PHP源码目录结构

    根目录: / 这个目录包含的东西比较多,主要包含一些说明文件以及设计方案。 其实项目中的这些README文件是非常值得阅读的例如: /README.PHP4-...

    joshua317
  • Selenium Webdriver 3.X源码分析之核心目录结构

    在看Selenium 3.X核心目录结构前,我们先看一个基础的Selenium使用实例

    苦叶子
  • react源码解析4.源码目录结构和调试

    方法一:可以用现成的包含本课程所有demo的项目来调试,建议使用已经构建好的项目,地址:https://github.com/xiaochen1024/reac...

    全栈潇晨
  • Vue-cli 目录结构

    hedeqiang

扫码关注云+社区

领取腾讯云代金券