-
103_具名插槽
笔记 具名插槽 重要文件源码 App.vue components\Category.vue 笔记 具名插槽 当年挖坑(子组件)的时候，给这个坑取了一个名，等填坑(父组件)的时候，说明白(把哪个结构填到哪个结构里)就中了。 重要文件源码 App.vue <template > <div class ="contain... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
DOM元素具象化
1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
6 类型总览
类型总览 JavaScript 中的数据类型（8个） TypeScript 中的数据类型 1. 上述所有 JavaScript 类型（8个） 2. 六个新类型(ts新增 6个) 3. 2个⽤于⾃定义类型的⽅式(ts新增 2个) 注意点 原始类型 VS 包装对象 ⾃动装箱 视频位置 TypeScript快速梳理_上篇 25:35 ... -
102_默认插槽
笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <... -
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 （可选）- 对象 💡 完整示例... -
flatMap()
.flatMap() 方法详解 📋 基本定义 🎯 一句话理解 💡 语法 🔧 与 map + flat 的对比 📊 基本示例 1. 简单的扁平化映射 2. 过滤并映射 🔄 与 map 的详细对比 📈 高级用法 1. 字符串分割和扁平化 2. 数据重组 3. 矩阵转置（二维数组处理） ⚡ 性能优势 1. ... -
062_分析脚手架结构
根目录 package.json package-lock.json src目录 assets main.js 测试 编译出错: 根目录 package.json 运行 npm run serve 时，实际对应该包中的: "serve" : "vue-cli-service serve" 运行 npm run build ...