Hei_senberg

前言 这篇文章主要分享一下关于vue3中computed以及watch的实现原理，也是从最近读的《Vue.js设计与实战》这本书中学到了很多东西，这本书中讲得东西都比较通俗易懂，想要更深入了解vue3

前言 如图，在做项目的过程中需要加载上图中所有的svg图片，按照传统的方式肯定需要一个一个进行导入，非常繁琐并且耗时，接下来介绍一个好用的API可以帮助我们快速的完成这一步骤。 用法 requre.c

模块化比较简单但是比较重要，它是通向前端工程化的一个重要门槛，以前做一些页面效果，学了之后具备做大型应用的基础，使用webpack、vue、react都是建立在模块化的基础上的。 模块化发展史 第一阶

在ES6中新增了两种数据结构分别是Set和Map数据结构，下面就先来深度了解一下Map数据结构。 为什么会出现Map 我们知道Map和传统的对象使用的都是键值对的形式，但是传统意义上对象的键只能是字符

Diff算法介绍 在比较两组子节点（前文已经提到过）时用于比较的算法就叫做Diff算法，它的出现是为了减小操作DOM产生的性能开销，总的来说Diff算法的作用就是在比较一组新旧vnode子节点时能够以

回顾 前面已经讨论了对元素节点的挂载，下面再来看下如何对节点进行更新，首先先来回顾一下节点是如何被挂载的也就是mountElement函数的实现过程。 正文 首先我们要先清楚在一个HTML页面中，一个

在前面的文章中我们只了解一种vnode类型，就是描述普通标签的vnode（元素节点），我们使用type属性来描述元素的名称，值是一个字符串的类型，即： 在Vue中其实可以用虚拟DOM描述很多类型的真实

在上一节说完了元素的挂载阶段，主要内容就是如何正确的挂载元素的属性，HTML Attributes和DOM Properties两者之间的区别以及应用，还有在Vue中是如何对class、style属性

回顾 前面聊完渲染器的概念后再来看看虚拟节点中的属性是如何被挂载到真实dom上去的，再来回顾一下虚拟节点的结构。 其中props属性就是要被挂载到元素中的属性，那还是本着从简的原则来实现一下。 如果为