Vue3

一、核心概念回顾 虚拟 DOM（VNode） ：Vue 在内存中用轻量级节点（VNode）描述真实 DOM。数据变化时生成新的 VNode 树，然后把新旧两棵树进行比对（patch/diff），只把需

在Vue中，插槽（Slot）是一种强大的内容分发机制，允许父组件向子组件传递模板片段，从而实现更灵活的组件复用。根据使用场景和功能需求，插槽可分为以下三种类型： 1. 匿名插槽（默认插槽） 作用：用于

简述MVVM 什么是MVVM？ 视图模型双向绑定，是Model-View-ViewModel的缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代

什么是VNode VNode的本质 本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述 为什么需要VNode 在前端框架中，我们通常需要在页面中操作DOM元素，如增删改查等操作。

Options API的弊端 首先我们我们先讲一下vue2 中Options API的弊端，再讲vue3中Composition API 的优势 在Vue2中，我们编写组件的方式是Options AP

一、NextTick是什么 官方对其的定义 什么意思呢？ 我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再

背景 前端在使用JavaScript操作DOM的方式上，经历了若干个阶段的发展。 第一阶段，直接用JavaScript操作DOM节点，使用浏览器提供的原生API 第二阶段，由于原生API操作起来十分繁

在使用v-for进行列表渲染时，我们通常会给元素或者组件绑定一个key属性。 这个key属性有什么作用呢？ 我们先来看一下官方的解释： 详细来说，我们知道，vue实现了一套虚拟DOM，使我们可以不直接

vue3中引入element-plus的Icon 最近使用element-plus开发项目，发现element-plus废弃了Font Icon 使用了 SVG Icon。需要在全局注册组件，或者按需

首先如果我们使用的是volar，在 tsconfig.json 中通过 compilerOptions.type 指定全局组件类型。 { "compilerOptions": { // ... "ty