-
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数... -
3 编译 TypeScript
1. 命令⾏编译 2. ⾃动化编译 3. 脚手架 视频位置 TypeScript快速梳理_上篇 11:00 浏览器不能直接运⾏ TypeScript 代码，需要编译为 JavaScript 再交由浏览器解析器执⾏。 1. 命令⾏编译 要把 .ts ⽂件编译为 .js ⽂件，需要配置 TypeScript 的编译环境，步骤如下 第⼀步：... -
Promise
Promise 简要介绍 📋 一句话概括 🎯 三种状态 📝 基本语法 💡 经典示例 1. 模拟异步请求 2. 链式调用 （告别回调地狱） 🔧 常用方法 1. Promise.all （全部成功） 2. Promise.race （竞速） 3. Promise.any （任意一个成功） ⚡ 主要特点 优点 注意事项 ... -
090_$nextTick
重要源码 components\MyItem.vue 重要源码 components\MyItem.vue <template > <li > <label > <!-- 默认勾选 <input type="checkbox" checked/> ... -
defineComponent
defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义... -
104_作用域插槽
笔记 先看看 使用者父组件 通过scop可以看到的效果 总结 插槽 重要文件源码 App.vue components\Category.vue 笔记 本节想实现的效果: 图片来源 尚硅谷 数据 放在 子组件 中，数据的结构 是由 使用者(父组件) 来定。 本节讲的 作用域 的意思:子组件Category.vue的使用者App.... -
045_自定义指令_函数式
源码 directive英[dəˈrektɪv] 美[dəˈrektɪv]n. 指示;命令;adj. 指示的;指导的; 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 自定义指令</title > ... -
useBreakpoints
useBreakpoints 介绍 📋 这是什么？ 🎯 核心作用 💡 基本用法 📊 常用方法 💡 实际应用场景 1. 设备管理界面适配 2. 侧边栏响应式控制 🔄 与 CSS Media Query 对比 CSS Media Query useBreakpoints 🎯 响应式数据展示 设备数据表格 ⚡ 性能优化... -
166_Teleport组件
笔记 视频内容 源码 components\Dialog.vue teleport 远距离传送英[ˈtelipɔːt]美[ˈtelipɔːrt] 笔记 数据驱动显示。 视频内容 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构 移动到 指定位置 的技术。 <teleport to ="移... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...