组件树与虚拟DOM树
组件树与虚拟DOM树 两棵树的概念区分【核心考点】 在Vue应用中，存在两棵不同层级的树： ① 组件树 由组件实例构成的树形结构 根组件 → 子组件 → 孙组件，层层嵌套 每个组件节点对应一个组件实例，包含自己的状态、方法、生命周期 ② 虚拟DOM树 是单个组件内部的虚拟节点（VNode）结构 每个
Vue3 性能优化详解
Vue3 性能优化详解（搭配模版的本质一文阅读-子笔记） Vue3 在性能层面相较于 Vue2 进行了革命性的升级，这些优化不仅体现在运行时，更深入到编译器和响应式系统的底层设计。我将从多个维度深入剖析这些优化。 一、响应式系统的重构 1. Proxy 替代 Object.definePropert
模板的本质
模板的本质 （搭配Vue3 性能优化详解阅读） 渲染函数：模板的最终形态【核心概念】 在Vue中，模板只是语法糖，最终都会被编译为渲染函数（render function）。渲染函数调用h（createElement的简称）返回虚拟DOM节点。 // 模板写法
<template>
<div c
虚拟dom本质
虚拟DOM本质 从浏览器渲染引擎到JS的桥梁【原理】 DOM（Document Object Model）是浏览器底层（C++实现）暴露给JavaScript的接口。当我们书写document.createElement('div')时，JS引擎无法直接操作C++对象，需要经过WebIDL定义的绑定
Pinia
Pinia状态管理库 状态管理的本质【原理】 状态管理库解决的核心问题是跨组件状态共享与状态变更的可预测性。在Vue应用中，组件树天然形成父子层级，当多个不相关的组件需要共享同一份状态时，传统props/emit模式会导致props drilling（逐层传递）问题。 Pinia的解决方案本质是将共
全局解析守卫
Vue Router 全局解析守卫 一、什么是全局解析守卫？ 全局解析守卫是 Vue Router 提供的三种全局守卫之一，通过 router.beforeResolve() 注册。它在导航被确认之前，所有组件内守卫和异步路由组件被解析之后触发。 三种全局守卫的执行时机对比 用户触发导航
↓
vueRouter
Vue Router 前端路由的本质【原理】 传统多页应用时代，路由属于后端，服务器根据不同的URL返回不同的HTML页面。每次页面切换都需要重新请求服务器，导致白屏问题。 单页应用（SPA）时代，只有一个HTML页面，视图切换变成了页面上某个模块的切换（即页面级组件的切换）。前端路由维护的是URL
对象深拷贝
完整实现 function deepClone(obj, hash = new WeakMap()) {
// 1. 处理基本类型和 null
if (obj === null || typeof obj !==