上一篇 Vue解析原理（二）： 初始化时beforeCreate之前做了什么？我们继续this._init() 的初始化相关操作， 接着又会执行如下三个初始化方法：initInjections(vm)initState(vm)initProvide(vm)5. initInjections(vm): 主要作用是初始化inject, 可以访问到对应的依赖。inject 和 prov...

在经过初始化阶段之后，即将开始组件的挂载，在挂载之前有必要了解下虚拟Dom 的概念。我们知道vue@2.0 开始引入了虚拟dom， 主要解决的问题是， 大部分情况下可以降低使用Javascript 去操作跨线程的庞大dom所需要的昂贵性能，让dom 操作的性能更高效； 以及虚拟Dom可以用于SSR以及跨端使用。虚拟Dom, 顾明思议并不是真实的Dom, 而是使用javascript 的对象来对真.

上一篇： Vue 原理解析（八） 之 diff 算法之前的章节， 我们按照流程介绍了vue的初始化， 虚拟Dom生成， 虚拟Dom转为真实Dom, 深入理解响应式以及diff 算法等这些核心概念。 对它内部的实现做了分析， 这些首饰篇底层的原理。 下面我们将介绍日常开发中经常使用的API的原理， 进一步丰富vue 的认识， 主要包括如下API：响应式相关API： this.watch,t...

上一篇： Vue原理解析（一）Vue到底是什么上一章我们知道在 new Vue() 时， 内部会执行一个this._init() 方法， 这个方法是在initMixin(Vue) 内定义的：export function initMixin(Vue) {Vue.prototype._init = function(options) {...}}当执行new ...

上一篇 vue 原理解析(四)： 虚拟Dom 是怎么生成的再有一颗树形结构的Javascript对象后， 我们需要做的就是讲这棵树跟真实Dom树形成映射关系。我们先回顾之前的mountComponnet 方法：export function mountComponent(vm, el) {vm.$el = el...callHook(vm, 'beforeMount')...

vuex 之 module 使用方法及场景一. module 使用场景在项目开发过程中，随着项目逐渐增大，数据关联复杂度逐渐加大， 多人协同开发，人员变动等。 我们会遇到vuex数据更新时，执行某个action 导致同名/未预测到的关联数据发生了变化。vue 基本思想之一便是数据驱动， ...

一. 自动化测试简介为什么要前端自动化测试：自动化测试可以间接的提供代码的测试，多人协作时相互之间未知逻辑的改动等产生的未知或新问题的预警。有效避免一些未考虑到及低级的错误。自动化测试需要工作：自动化测试需要我们手动编写测试代码，当部分逻辑发生改变时，也需要同步更新我们的测试代码。重一定的角度上它也间接的提高了开发及维护成本。这点在实际开发运用中，大家根据实际项目情况来衡量。...

VUE 几个常用的全局API1. extendvue.extend(options) : {object} options # 创建组件的构造函数为了复用通过vue.extend 源码分析下来， extend 是扩展继承了父类的属性，方法 (深度复制)。...