vue源码分析

一、Vue 源码解析 - 响应式原理

1.1 准备工作

  • 源码目录结构
src
├─compiler 编译相关
├─core Vue 核心库
├─platforms 平台相关代码
├─server SSR,服务端渲染
├─sfc .vue 文件编译为 js 对象
└─shared 公共的代码
  • vue采用flow静态类型检查器

  • 调试, vue 采用rollup打包工具,设置 sourcemap,package.json 文件中的 dev 脚本中添加参数 --sourcemap

"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-
full-dev"

1.2 Vue的不同构建版本

  • npm run build 重新打包所有文件
UMD CommonJS ES Module
Full vue.js vue.common.js vue.esm.js
Runtim-only vue.runtime.js vue.runtime.common.js vue.runtime.esm.js
Full(production) vue.min.js -
Runtime-only(production) vue.runtime.min.js -

术语

  • 完整版:同时包含编译器和运行时的版本。

  • 编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。

  • 运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。

  • UMD:UMD 版本可以通过

你可能感兴趣的:(学习笔记,vue)