长列表的优化策略主要有两种： 分片渲染（通过浏览器事件环机制，也就是 EventLoop，分割渲染时间）和本文重点介绍的虚拟列表

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理

花10分钟读下去，相信我你一定会有一些收获（仅仅指刚入门的小伙伴，作者也是一名刚入门的前端小白，大佬请见谅哈。😁😁） beforeCreate：在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created：实…

精心设计图解Vue2源码！13张图 + 核心源码 + 文字讲解。纯干货的源码解析，还有彩蛋！带你看清整个Vue的组件化、依赖收集、派发更新的细节。帮你建立Vue的流程框架，面试问到Vue绝对是加分项！

众所周知，Vue中更加推荐单向数据流的状态管理模式(比如Vuex)，但Vue同时支持通过v-model实现双向数据绑定。 那么问题来了，单项数据流和双向数据绑定的概念，这两种不是相互冲突的吗？

过程分析 Vue的模版编译过程主要如下：template->ast->render函数。 Vue在模版编译中会执行compileToFunctions将template转化为render函数。 1.调

之前公司招人，面试了一些的前端同学，因为公司使用的前端技术是Vue，所以免不了问到其响应式原理和Vue的双向数据绑定。但是这边面试到的80%的同学会把两者搞混，通常我要是先问响应式原理

即使我们对 Vue2 原理已经很熟悉了，但是依然有必要好好了解下 Vue3 的设计原理以及设计的思路，从原理的层面对比 Vue2 和 Vue3 才能够让我们更加清晰的理解，Vue2 到 Vue3 演变

一、前置知识 1-1 数据响应式 数据响应式的数据指的是数据模型，数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，是单向的 数据响应式避免了繁琐的 DOM 操作，