-
006_分析Hello案例
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函数 --> ... -
1 TypeScript 简介
上图简记:js ∈ ts TypeScript 由微软 开发，是基于 JavaScript 的⼀个扩展语⾔ 。 TypeScript 包含了 JavaScript 的所有内容，即： TypeScript 是 JavaScript 的超集 。 TypeScript 增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬... -
withDefaults
📊 withDefaults 的作用 1. 为 TypeScript props 设置运行时默认值 2. 保持类型安全 🆚 与 Options API 对比 Options API 写法 Composition API + <script setup> 写法 📈 高级用法 1. 函数默认值 2. 复杂对象默认值 3. 依赖默... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
110_vuex开发者工具的使用
笔记 重要文件源码 store\index.js 笔记 Vue开发者工具的第2个视图就是 Vuex : 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //使用... -
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
7.5 object
object（⼩写） Object（⼤写） 声明 对象 类型 声明 函数 类型 声明 数组 类型 视频位置 TypeScript快速梳理_中篇 00:00:08 object（⼩写） object （⼩写）的含义是：所有⾮原始类型 ，可存储：对象、函数、数组 等，由于限制的范围⽐较宽泛，在实际开发中使⽤的相对较少。 let a: ...