-
effectScope
effectScope 介绍（初中水平） 🎯 什么是 effectScope？ 📖 核心概念 1. 什么是”副作用”？ 2. 为什么要管理？ 🔧 基本用法 创建和使用 📊 实际场景 场景1：组件中使用 场景2：自定义 Hook 🆚 对比：有 vs 没有 effectScope 没有 effectScope（旧方法） 有... -
flatMap()
.flatMap() 方法详解 📋 基本定义 🎯 一句话理解 💡 语法 🔧 与 map + flat 的对比 📊 基本示例 1. 简单的扁平化映射 2. 过滤并映射 🔄 与 map 的详细对比 📈 高级用法 1. 字符串分割和扁平化 2. 数据重组 3. 矩阵转置（二维数组处理） ⚡ 性能优势 1. ... -
withDefaults
📊 withDefaults 的作用 1. 为 TypeScript props 设置运行时默认值 2. 保持类型安全 🆚 与 Options API 对比 Options API 写法 Composition API + <script setup> 写法 📈 高级用法 1. 函数默认值 2. 复杂对象默认值 3. 依赖默... -
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
103_具名插槽
笔记 具名插槽 重要文件源码 App.vue components\Category.vue 笔记 具名插槽 当年挖坑(子组件)的时候，给这个坑取了一个名，等填坑(父组件)的时候，说明白(把哪个结构填到哪个结构里)就中了。 重要文件源码 App.vue <template > <div class ="contain... -
7.12 抽象类
概述 简记 理解 总结 视频位置 TypeScript快速梳理_下篇 0:18:52 概述 抽象类是⼀种⽆法被实例化 的类，专⻔⽤来定义类的结构和⾏为 ，类中可以写抽象⽅法 ，也可以写具体实现 。抽象类主要⽤来为其派⽣类提供⼀个基础结构 ，要求其派⽣类必须实现 其中的抽象⽅法。 将上面内容翻译之后就是： 术语 白话 ... -
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数...