-
302 044.准备一个效果
笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1... -
040_v-text指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-text指令</title > <!-- 引入Vue --> <script type ="text/javas... -
effectScope
effectScope 介绍（初中水平） 🎯 什么是 effectScope？ 📖 核心概念 1. 什么是”副作用”？ 2. 为什么要管理？ 🔧 基本用法 创建和使用 📊 实际场景 场景1：组件中使用 场景2：自定义 Hook 🆚 对比：有 vs 没有 effectScope 没有 effectScope（旧方法） 有... -
030_key作用与原理
遍历列表时，key的作用 源码 遍历列表时，key的作用 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > key的原理</title > <script type ="tex... -
State 的翻译疑问
1. 术语混用的原因 中文翻译的灵活性 实际开发中的习惯 2. “状态” vs “数据” 的精确区别 代码对比 3. Vuex 中真正的”状态” 不仅仅是数据 状态驱动UI 4. 官方文档的用词分析 正确表述的示例 文档中混用的地方 5. 为什么应该用”状态”而不是”数据” 概念完整性 React 的对比 ... -
defineStore 正经篇
defineStore 详细介绍 📋 基本定义 🔧 方法签名 📊 两种调用方式 方式1：Options API（常用） 方式2：Setup API 🎯 参数详解 ★ 1. id （必需）- 字符串 2. state （必需）- 函数 3. getters （可选）- 对象 4. actions （可选）- 对象 💡 完整示例... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ... -
解构
如何理解”解构”？ 📋 解构的概念 🎯 简单比喻 ★ 💡 基本示例 ★ 1. 数组解构 2. 对象解构 📊 解构的常见用法 1. 重命名变量 ★ 2. 默认值 3. 嵌套解构 🆚 解构 vs 不解构 不解构写法 解构写法 ⚡ 解构的优势 🎯 解构属于什么？ 1. JavaScript ES6 特性 ... -
100_github案例_完善案例
笔记 重要文件源码 components\Search.vue components\List.vue 笔记 模拟掉线，让chrome浏览器断网。设置如下: 重要文件源码 components\Search.vue <template > <!-- 头部搜索 --> <section class ="jumb...