对于 Vue 的工作过程，我们可以从下面这张图中得到一点思路。 我们可以从两个方面来解析 Vue 的工作过程：初始化阶段、数据修改阶段。 在创建实例的过程中，我们调用了一个init()方法。它做了什么事情呢？它将传入的props、事件、data等都做了初始化。 我们通过调用$m…

2019年11月11号在Vue Toronto 2019会议上，@尤雨溪做了关于《Design Principles of Vue 3.0》的分享。 本PPT作者@尤雨溪，翻译作者：黑叔666。 译文：尽管Vue可以确保组件树级别的更新最少，但它仍然是每个组件实例中的完全dif…

据Vue的官方介绍，Vue的响应式系统是非侵入性的，那Vue是如何做到将不同类型的数据（基本类型、普通对象、数组等）转换为可检测的呢？在了解Vue的具体实现之前，我们先了解一下为什么要将数据变为可检测的。 因为Vue是MVVM框架，即数据可以驱动视图的，在传统的开发中（非数据驱…

Vuejs是数据驱动型，数据发生改变界面也会刷新改变。但这并不是理所当然，在其内部做了很多复杂的操作。 通过Object.definePropety这个方法来监听数据的改变。 通过发布订阅者模式。 先用正则做下Mustache语法(双大括号)转化。 上代码(代码有挺详细的注释)…

在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而是通过 ViewModel 进行交互，Model 和 ViewModel 之间的交互是双向的， 因此 View 数据的变化会同步到 Model 中，而 Model 数据的变化也会立即反应到 View 上。 …

其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。 Vi…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

前段时间，看到群里一些小伙伴面试的时候被面试官问到这类题目。平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。 但是对项目里的webp…

熟悉vue的小伙伴应该都知道，谈到vue的原理，最重要的莫过于：响应式，虚拟dom及diff算法，模版编译，今天，我们一起来深入vue的响应式，探讨vue2.x响应式的实现原理与不足，以及vue3.0版本如何重写响应式实现方案。 1. 什么是响应式 vue是一个MVVM框架，所…