笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...

JavaScript 数组 .sort() 方法详解 🎯 🔍 基本语法 🚀 基本使用 默认排序（字符串排序） 🔧 比较函数详解 比较函数规则 数值排序 📊 各种排序示例 对象数组排序 字符串排序（支持中文） 多条件排序 ⚠️ 重要特性 原地排序（修改原数组） 保持引用关系 🛡️ 安全排序模式 创建副...

ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di...

🔍 基本含义 🎯 与直接赋值的区别 ❌ 直接赋值（引用传递） ✅ 使用 slice(0)（创建新数组） 🔧 slice() 方法详解 语法： 不同参数的效果： 🚀 在排序函数中的应用 为什么排序前需要拷贝？ ✅ 安全的排序方式 📊 各种拷贝方法的对比 各种拷贝方法示例： ⚠️ 浅拷贝的局限性 对象数组的浅拷...

🎯 基本概念 🚀 基本语法 🔧 核心拦截器（陷阱） 1. 基本操作拦截 2. 存在性检查拦截 🎯 实际应用场景 1. 数据验证 2. 默认值和计算属性 3. 观察者模式（数据绑定） 4. 数组操作拦截 🔧 高级用法 1. 函数代理 2. 链式操作代理 🎯 Vue 3 的响应式系统 Vue 3 使用 Pr...

JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ...

Array.map() 简明指南 🎯 🔍 基本作用 🚀 基本用法 1. 简单转换 2. 对象数组转换 📝 参数详解 完整参数使用 🎯 实际应用场景 1. 数据格式化 2. DOM 操作 3. API 数据处理 ⚡ 与 for 循环对比 传统 for 循环 map() 方法（更简洁） 🎯 重要特性 1....

🎯 基本含义 🔍 详细解释 1. 允许删除属性 2. 允许修改属性描述符 3. 与 configurable: false 对比 🎯 属性描述符的完整选项 🔧 实际应用场景 场景1：创建可删除的常量属性 场景2：插件系统的配置属性 场景3：响应式数据绑定 ⚠️ 重要注意事项 1. 默认值 2. 一次性操作 ...

源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其...

视频内容 视频内容 reactive对比ref 从定义数据角度对比： ref用来定义：基本类型数据 。 reactive用来定义：对象（或数组）类型数据 。 备注：ref也可以用来定义对象（或数组）类型数据 , 它内部会自动通过reactive 转为代理对象 。 从原理角度对比： ref通过Object.defineProperty(...