路在脚下，幸福在手中，莫贪！！！！！

1 介绍           版本：2.5.17         我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/computed-watcher.html#watch2 功能我们知道一个对象，键是需要观察的表达式，值是对...

1 介绍           版本：2.5.17         我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/computed-watcher.html2 功能 我们知道computed实时检测属性有没有发生变化，当发...

1 介绍          版本：2.5.17         我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/next-tick.html2 JS 运行机制    JS 执行是单线程的，它是基于事件循环的。事件循环大致分...

1 介绍       版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/getters.html#dep2 回顾在上一节中，我们知道defineReactive 的功能就是定义一个响应式对...

1 介绍          版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/reactive/reactive-object.html2 响应式对象 我们了解过由于Vue.js 实现响应式的核心是利用了 ...

1 介绍       版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/async-component.html2 异步组件2.1 定义  异步组件就是定义的时候什么都不做，只在组...

1 介绍       版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/component-register.html2 组件注册在 Vue.js 中，除了它内置的组件如 keep-a...

                                              生命周期 介绍         版本：2.5.17       我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/lifecycl...

1. 介绍       版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/patch.html 2.patch通过上一节的分析我们知道，当我们通过 createComponent 创建...

1. 介绍        版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/create-component.html 2. 连接上一节在上一节中我们从主线上把模板和数据如何渲染成最终...

1. 介绍        版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/components/2. 组件化介绍Vue.js 另一个核心思想是组件化。所谓组件化，就是把页面拆分成多个组件 (compone...

1. 介绍        版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/data-driven/update.html 2. 连接上一节在上一节中我们提到了在src/core/instance/life...

1. 介绍      版本：2.5.17。        我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/data-driven/create-element.html2. createElement Vue.js 利用 createEle...

1. 介绍      版本：2.5.17。       我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/data-driven/virtual-dom.html2. Virtual DOMVue 2.0 相比 Vue 1.0 最大的升级就是...

介绍         版本：2.5.17。       我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/data-driven/render.html 对接上一节（vue的源码学习之五——3.数据驱动（Vue 实例挂载的实现））  在...

介绍         版本：2.5.17。       我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。       学习文档：https://ustbhuangyi.github.io/vue-analysis/data-driven/mounted.html 挂载到DOM         src/core/instance/init.js...

介绍         版本：2.5.17。       我们使用vue-vli创建基于Runtime+Compiler的vue脚手架。      小小的demo<div id="app"> <p>{{message}}</p></div><script type="text/javascript">

介绍         版本：2.5.17 数据驱动       Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。它相比我们传统的前端开发，如使用 jQuery 等前端库直接修改 DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变的非常清晰，因为 DOM 变成了...

vm._uid // 自增的id vm._isVue // 标示是vue对象，避免被observe vm._renderProxy // Proxy代理对象 vm._self // 当前vm实例 vm.$parent // 用于自定义子组件中，指向父组件的实例 vm.$root // 指向根vm实例 vm.$children // 当前组件的子组件实例数组 vm.$...

// src/core/index.jsVue.version = '__VERSION__'// src/entries/web-runtime-with-compiler.jsVue.compile = compileToFunctions // 把模板template转换为render函数// src/core/global-api 在目录结构中，我们指出，Vue的静态方...

介绍         版本：2.5.17 从package.json文件开始 根目录下的package.json文件。在 web 应用下，我们来分析 Runtime + Compiler 构建出来的 Vue.js，它的入口是 src/platforms/web/entry-runtime-with-compiler.js，因此这里我们只看第一个，也就是npm run dev所执行...

                                 源码构建     介绍         版本：2.5.17 项目Rollup介绍   官网：https://github.com/rollup/rollup     Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。 Rollup和webpack都是区别 ...

                                              目录介绍 介绍         版本：2.5.17   目录 |— dist #打包之后文件所在位置 |— examples #demo示例 |— flow #因为Vue使用了Flow来进行静态类型检查，这里定义了声明了一些静态类型 ...

参考资料：1、vue2源码学习开胃菜——snabbdom源码学习（二）2、vue2源码学习开胃菜——snabbdom源码学习（一）3、Vue 原理解读系列（一） 之 Virtual DOM and Diff1、Snabbdom 简介Snabbdom 非常地简洁，其核心代码只有大约 200 行，并且支持可扩展性良好，它拥有一个模块化的结构，允许自定模块，而为了保持核心部分的简洁，...