Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

发布-订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。JavaScript开发中我们一般用事件模型来代替传统的发布-订阅模式 小明最近喜欢上吃老北京烧饼,可是到了卖烧饼的地方发现已经卖完了,而且排队的人还很…

update里 有一系列 diff操作。 怎么获取下面继续....... 太简单了，总结跟没总结一样....... 如图所示，是在挂载阶段执行的。 到这里其实基本就已经结束了render的思路，但是源码中有个静态render，这个 对渲染性能的提高有极大的帮助，所以必须看下。 …

然后，generate的作用就是，解析 parse 生成的 ast 节点，拼接成字符串，而这个字符串，是可以被转化成函数执行的。函数执行后，会生成对应的 Vnode 因为这个函数是给实例初始化一些属性的，看到很明显就是给实例添加上了很多属性，this.xxxx 什么的，那么我们…

在开始虚拟DOM之前，让我们先来了解一下真实的DOM以及浏览器是怎么进行解析的。浏览器渲染引擎工作流程大致分为以下四类：创建DOM树 -> 生成render树 -> 布局render树 -> 绘制render树 创建DOM树：解析HTML生成DOM树 - 渲染引擎首先解析HTM…

Virtual DOM是对DOM的抽象, 在Web中我们用JS对象来描述DOM，把DOM从浏览器抽离出来后，我们得到一个更加轻便且灵活的描述对象，不依赖于HTML解析器我们更加容易做到组件的复用和跨平台。虚拟DOM相当于一个中间层，连接我们编写的代码和真实的DOM，在真实渲染之…

现在前端面试Vue中都会问到响应式原理以及如何实现的，如果你还只是简单回答通过Object.defineProperty()来劫持属性可能已经不够了。 本篇文章通过学习文档及视频教程实现手写一个简易的Vue源码实现数据双向绑定，解析指令等。 目前几种主流的mvc(vm)框架都实…