袁杰Jerry

上一节可以看成是merge数据前期准备，下面就介绍到了我们的mergeOption的重头戏啦——merge。先看代码（仍然是mergeOptions里面的代码）：const options = {}let keyfor (key in parent) { mergeField(key)}for (key in child) { if (!hasOwn(parent, key)) ...

在上一节分析了，Vue的构造函数中，只有一句this._init(options)，可见这行代码的重要性。今天我们就来详细的看看这个函数主要干了什么事。为了不那么抽象，我会用一个简单的例子来贯穿整个讲解。这个例子非常简单。var app = new Vue({ el: '#app', data(){ return { name: 'hello' } }...

开始之前，我们先看看src目录的结构目录结构compiler编译器corevue的核心部分，包含响应式原理、vdom，内部组件等platforms因为vue是跨平台的(web 与 weex)，在不同平台的编译、运行等行为有所不同，所以这里是给这两个平台量身定制的server服务端渲染相关sfc单文件组件的解析shared全局共享的工具函数(util.js)和常量(con...

本文是vue2系列源码的第一篇，主要是介绍了vue全局工具方法，并且深入的剖析了一些比较重要的方法。总的来说，这些工具方法还是比较容易理解的，但是对JavaScript基础有一定的要求，比如函数、闭包、对象等基本重要的概念要理解。