Vue

上一章：手把手搭建Vue轮子从0到1：5. Ref 模块的实现 计算属性 computed 会 基于响应式依赖被缓存，并且在依赖的响应式数据发生变化时 重新计算 创建测试实例： 在上面的测试实例中，程

上一章：# 手把手搭建Vue轮子从0到1：4. Reactivity 模块的实现 先思考下： ref 函数是如何进行实现的？ ref 可以构建简单数据类型的响应性吗？ 为什么 ref 类型的数据，必须

上一章：手把手搭建Vue轮子从0到1：3. 响应系统的核心设计原则 响应式核心： reactive ref computed watch 4.1. 阅读源码 4.1.1. Reactive 做了什么？

我们先来了解一下 Reflect 是什么？ Proxy的“伴生对象”—— Reflect 在 JavaScript 中，Reflect 内置对象是 ECMAScript 2015（ES6） 标准中正式

WeakMap - JavaScript | MDN Map - JavaScript | MDN WeakMap 允许将数据与对象相关联，而不阻止键对象被垃圾回收，即使值引用了键。 Map 对象保存

版本：Vue 3.5.17 1. 核心概念 effect 是 Vue 3 响应式系统的核心部分，主要负责依赖追踪和自动响应。它通过 ReactiveEffect 类来封装副作用逻辑，实现依赖收集和触发

上一章：手把手搭建Vue轮子从0到1：2. 搭建框架雏形 仓库地址：https://gitee.com/carrierxia/vue-mini 1. JS 的程序性 JS 的程序性是指：一套固定的，不

相关链接 Reflect - JavaScript | MDN 代码地址 静态方法：https://gitee.com/carrierxia/vue-mini/blob/master/packages

上一篇：# 手把手搭建Vue轮子从0到1：1. 前期准备 1. 下载Vue源码（版本：3.5.17） 基本结构： 核心包结构详解： 🔥 核心模块 (最重要) vue - 主入口包，整合所有功能模块 c

产出：Vue3源码库 MVP 版~ vue-mini Vue3核心模块： reactivity：响应性 runtime：运行时 compiler：编译器 vue3源码GitHub：https://gi

1. 副作用是什么? 在编程中，‌副作用（Side Effect）‌ 特指函数或表达式执行时，除了返回值之外对外部环境产生的可观察影响。在前端开发中，副作用是常见且关键的编程概念。 想象你在厨房做饭：

引言 随着前端工程化的发展，TypeScript 以其静态类型检查、代码提示和重构能力，逐渐成为 Vue 生态的核心技术栈之一。本文将结合 Vue 3 的 Composition API 和 Vuex

Vue 和 React 区别有以下 11点： 响应式原理不同 监听数据变化的实现原理不同 组件写法不同 Diff 算法不同 核心思想不同 数据流不同 组合不同功能的方式不同 组件通信方法不同 模板渲染

指令是带有 v- 前缀的特殊属性，它们用于操作 DOM 元素，添加响应式行为或执行一些自定义操作。 可以使用 Vue.directive 方法来注册自定义指令。 创建和使用自定义指令的基本步骤： 创建

简单说法：vite 相比 webpack，更快，能显著提高本地开发效率、优化热更新性能、简化构建配置，适合现代前端工程化的开发需求。webpack的生态比较成熟，但默认抓取整个应用进行打包，有报错就会

vue-loader 是一个用于处理 Vue.js 单文件组件（.vue 文件）的 Webpack 加载器。它允许在一个单个文件中编写 Vue 组件，包括模板、脚本和样式，然后将其转换为可在浏览器中运

一般解释： 在 Vue.js 中，使用 v-for 指令进行循环渲染时，通常建议绑定一个唯一的 key 属性到循环的元素上。 key 的作用是帮助 Vue 识别每个循环项，以便在数据变化时更高效地更新

最初的 vuex 在设计的时候，是通过 state 表示数据，通过 mutation 修改数据，通过 action 处理异步。 必须要使用 mutation 修改数据的原因是因为：所有的数据变化必须是

1. Vue2 当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。 条件渲染 — Vue.js 在 Vue 2 中，不推荐在同一个元素上同时使用 v-if 和 v-

在 Vue3 中，watch 和 watchEffect 是用来监视响应式数据变化并执行相应操作的两种不同方式。 watch： watch 是一个函数，它接受两个参数：要监视的数据或计算属性，以及一个