在vue的组件更新过程中，新子节点数组相对于旧子节点数组的变化，无非是通过更新、删除、添加和移动节点来完成，而核心 diff 算法，就是在已知旧子节点的 DOM 结构、vnode 和新子节点的 vno

本文属于笔者Vue3源码阅读系列第七篇文章，大致内容： 1. `patchChildren`逻辑解读 2. 没有绑定`key`的`diff`算法 3. 绑定了`key`的`diff`算法

VNode hooks 在每个组件或HTML标签上，我们可以使用一些特殊的（文档没写的）钩子作为事件监听器。这些钩子有： onVnodeBeforeMount onVnodeMounted onVno

其实是 Vue 1.x 版本核心原理的简单实现，虽然 2.x 版本有很多改进，但是这里用来分析 Vue 响应式的原理足够了。 Dep 类的作用主要是进行依赖收集（addDep）和派发更新（notify）。 Watcher 类的作用主要是处触发 data 中属性关联的钩子（数据劫…

在Vue中使用TypeScript时，非常好用的一个库，使用装饰器来简化书写。

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。 问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …

Vue 3.x 的Pre-Alpha 版本。后面应该还会有 Alpha、Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 后续 Vue 3.x 出来后持续更新. 3. 14种组件通讯 provide 和 inject 主要为高阶插件/组件库提…

各位掘友久等了,最近在写Vue全家桶+Vant从零开发搭建电商App实战项目,项目基本完结,后面会不定期分享出来,期待各位掘友的关注。 注册登录,几乎是所有电商App必备模块,正好今天想把这块知识拆出来,详尽的写下来了,用过掘金的小伙伴都知道,掘金PC端的登录界面非常的萌,当你…