Vue合集

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

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

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

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

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

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

前言 在这篇文章中梳理了关于虚拟dom的一些知识点深入剖析虚拟DOM原理，这篇文章主要理解一下vue中渲染器，，这也算是一个大的模块了，跟响应式系统属于一个级别。像挂载、更新、diff算法等这些操作都

在做项目的过程中不可避免的会有展示列表数据的功能，但是当数据量过大时就会出现滚动卡顿的问题，这是因为列表中的每一项都会生成对应的dom结构，有没有什么更好的方法呢？这就是虚拟列表要解决的问题。 什么是

最近看了《Vuejs设计与实现》这本书关于虚拟dom的一些章节，很有启发，个人感觉这本书讲得通俗易懂，对于一些想了解Vue底层知识的同学帮助很大，强烈推荐大家去看！！！ 这篇文章主要讲解一下关于虚拟d

前言 使用过vue3的同学应该对于ref并不陌生， 但是不知道大家有没有想过vue3的Composition API中已经有了reactive为什么还要再加一个ref呢？那么本着知其然知其所以然的原则

前言 在上一节把数据劫持简单的实现了一下，但是目前我们只能在控制台中测试看到数据的变化，这节会在原来的基础上逐渐丰富。这节我们要实现的是Watcher观察者，即数据变化后视图也会进行更新，此外还会使用

前言 在上一节我们实现了Compile类来进行视图的初始化 时光机 这一节来实现一下对所有数据的劫持监听Observer类，相对来说较为简单。 Observer语法 实现数据劫持必不可少的就是使用Ob

前言 接下来的几篇文章都是关于手撕vue响应式源码的，我会尽量写得通俗易懂一点，毕竟有的东西确实不太好以这样的形式来表达，然后也是想把自己学到的一些东西形成文字记录下来并分享出来帮助一些有需要的同学。

今天来实现一个使用css变量动态切换项目主题颜色的功能，这种方式也是比较简单的一种方式。大致思路就是给文档根元素设置不同的属性选择器来匹配不同的css样式。 首先定义一个单独的css文件theme.c

这篇文章主要介绍一下vue-router插件的实现原理。 vue路由的工作流程 首先了解一下vue路由的工作流程，路由分为后端路由和前端路由。 后端路由 在地址栏中输入url 该请求会被直接发送到服务

今天开始要学习一下vue3,当然需要先从官方文档入手了,官方文档地址:[https://v3.vuejs.org/ 这篇文章着重说一下V3里面的所有的compositionAPI，有什么作用以及如何使

选项卡切换其实在项目中是一个比较常见的功能，我们平时开发中大部分是这样来实现的： 也就是把当前点击的currentIndex与列表中的index对比，通过:class="['tab-item', {

在日常开发的过程中，v-model指令是经常用到的，一般来说v-model指令在表单及元素上创建双向数据绑定，但v-model本质上是语法糖。提到语法糖这里就不得不提到另一个与v-model有相似功能