beforeCreate：最初调用触发，data和events都不能用。可以在这里处理整个系统加载的Loading； created：已经具有响应式的data，可以发送events。可以在这里去发送请求。 beforeMount：在模板编译后，渲染之前触发。SSR中不可用。基本…

再初步了解了响应式的原理后，接下来我们深入响应式，解析数组响应式的原理。 对于这两种改变数据的方式，vue内部的实现并不相同。 实现原理和对象是一样的，再vm._render()时有用到list，就将依赖收集起来，重新赋值后走对象派发更新的那一套。 走对象的那一套就不行了，因为…

从零开始，带着你入门Promise并亲手实现。本文分为四大部分，包括Promise介绍，Promise特点，Promise使用，和Promise手写~

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

之前的章节，我们按照流程介绍了vue的初始化、虚拟Dom生成、虚拟Dom转为真实Dom、深入理解响应式以及diff算法等这些核心概念，对它内部的实现做了分析，这些都是偏底层的原理。接下来我们将介绍日常开发中经常使用的API的原理，进一步丰富对vue的认识，它们主要包括以下： 这…

可以看到官方概念解释的是挺清楚了，下面看个实例，来真正掌握它。 看下项目的目录，这不是非得跟我一样。 然后我们可以在我们的项目中进行应用。 最终得到了位置网页中央的创世按钮。 给该插件添加一个install方法，install方法里编写相关的注册逻辑，比如：把该插件注册为全局组…

但是没有谈到具体实现，这一次我们来具体实现。 先大概谈下模板编译原理。 （1）在Vue.js中创建HTML并不是只有模板这一种途径。既可以手动写渲染函数来创建HTML，也可以在Vue.js中使用JSX来创建HTML。 （2）渲染函数是创建HTML最原始的方法。 （3）模板最终会…

注册或获取全局指令。 （3） 除了核心功能默认内置的指令外（v-model和v-show），Vue.js也允许注册自定义指令。虽然代码复用和抽象的主要形式是组件，但是有些情况下，仍然需要对普通DOM元素进行底层操作，这时就会用到自定义指令。 （4）Vue.directive方法…