why404

Vue3路线：编译时骚操作+运行时精准打击，走的是手术刀路线React路线：虚拟DOM+Fiber调度器+不可变数据，走的是坦克碾压路线

React这逼就像拿着手术刀做微创，Vue这货直接上精确制导导弹。架构差异本质是命令式vs声明式的哲学互殴，没有谁更好，只有谁更配你项目的菊花需求！

Reflect 是 ES6 引入的一个内建对象，提供了一些用于操作对象的静态方法，这些方法通常与 Proxy 配合使用，简化了对象操作的代码。Reflect 主要的作用是作为一组更加标准化和一致的方式来执行常见的对象操作，比如获取属性、设置属性、删除属性等，尤其是在使用 Proxy 时，它提供了一种更加优雅的方式来执行默认的行为。

在 web 开发中，良好的组件结构对于功能性和可维护性至关重要。Vue 3 提供了一个强大的功能——`` 组件，它允许你将组件模板的一部分“传送”到 DOM 中的其他位置。这在保持组件逻辑相关的同时，确保其在视觉层级中正确渲染时尤其有用。

Vue 的双向绑定和单向数据流是其核心特性之一，理解这两者的机制对于掌握 Vue 的工作原理至关重要。

Vue 3.3 引入了两个非常实用的新宏函数：`defineOptions` 和 `defineSlots`。这些函数让我们可以在使用 Vue 组件时写出更简洁、更高效的代码。

随着 Vue 3 的发布，组合 API 为开发者提供了更灵活的组件逻辑组织方式。其中，`setup()` 函数和 `` 语法是两个核心概念。

探索为什么 React 和 Vue 不采用像 Svelte 那样的编译方式

在 3.5 版本中，Vue 的响应式系统经历了另一轮主要重构，实现了更好的性能和显著改进的内存使用（减少了 56%），没有行为上的变化。这次重构还解决了 SSR 中计算属性悬挂导致的过期计算值和内存问题。

在编程的世界里，“Hooks”是一个你可能会经常听到的术语，特别是在前端开发中。它们为开发者提供了一种优雅且高效的方式来扩展和控制代码的执行流程。本文将深入浅出地介绍Hooks是什么，它们的作用是什么，以及如何在代码中使用它们，并结合React和Vue3这两个流行的前端框架来讲解。

在使用 Vue 进行开发时，我们经常会听到 `ref` 这个术语。很多初学者都会疑惑：为什么我们需要使用带有 `.value` 的 `ref`，而不是普通的变量？为了回答这个问题，我们需要简单地讨论一下 Vue 的响应式系统是如何工作的。

Vue.observable，让一个对象变成响应式数据。Vue 内部会用它来处理 data 函数返回的对象

Vue组件数据双向绑定 v-model

是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。

Vue.js 是一款流行的前端框架，它采用了数据驱动的方式来构建交互式的用户界面。在 Vue 3 中，数据变化侦测是一个重要的特性，它能够自动追踪数据的变化，并及时更新视图。本文将深入探讨 Vue 3 的数据变化侦测原理，并尝试用通俗易懂的语言解释。Vue 3 的数据变化侦测原理基于响应式数据和依赖收集这两个核心概念。响应式数据使得我们能够定义响应式的对象，当对象的属性发生变化时，相关的视图会自动更新。依赖收集机制通过使用Proxy。

在Vue开发中，实现代码的可重用性和功能复用是开发者关注的重点。为此，Vue提供了两种主要的技术实践方式：Mixin（混入）和Hook（钩子）。本文将介绍这两种技术的概念及其在Vue中的应用，并对它们的优缺点进行对比分析。

Vue3——第十五章（计算属性：computed）

Vue3——第十四章（Pinia：值得你喜欢的 Vue Store）

Vue3——第十三章（插槽 Slots）

Vue3——第十二章（Props）

Vue3——第十一章（内置组件：KeepAlive、Transition、TransitionGroup）

Vue3——第十章（异步组件：defineAsyncComponent）

Vue3——第九章（依赖注入：provide、inject）

Vue3——第八章（语法糖：）

Vue3——第八章（组件展示时的名称：name）

Vue3——第七章（侦听器：watch、watchEffect）

Vue3——第五章（响应式 API：isRef、unref、toRef、toRefs等工具函数）

Vue3——第四章（响应式基础：reactive、ref）

Vue3——第三章（生命周期钩子）

学习Vue3——第二章（模板插值语法、指令）

Vue3——第一章（对比Vue2的提升）

Vue中template和jsx/tsx写法对比