-
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ... -
断言
1. 基本含义 2. 在 TypeScript 中的三种断言 ★★★ 2.1 类型断言（Type Assertion） 2.2 非空断言（Non-null Assertion） 2.3 确定赋值断言（Definite Assignment Assertion） 3. 在 Vue 3 模板中的断言 4. TypeScript 的断言函数... -
072_TodoList案例_添加
重要源码 App.vue components/MyHeader.vue components/MyList.vue components/MyItem.vue 上图橙色线( todoObj 操作 todos:[…])的方法: 全局实现总线 消息订阅与发布 VueX 但是至今，我们还没有学习上面的任何一种方法。最基础的方法：todos:[…... -
展开语法
🎯 简单理解 💡 类比例子 现实生活类比 代码对比 🔧 实际效果 浅拷贝对象 📊 与直接赋值的区别 示例对比 💡 在响应式数据中的应用 为什么需要 ... ？ 🔄 扩展功能 1. 合并对象 2. 添加新属性 3. 覆盖部分属性 ⚡ 性能考虑 浅拷贝 vs 深拷贝 ★★★ 🎯 一句话总结 💡 记忆技巧... -
097_配置代理_方式二
vue脚手架配置代理 方法一 方法二 笔记 server1.js 重要源码 vue.config.js App.vue vue脚手架配置代理 方法一 在vue.config.js中添加如下配置： devServer :{ proxy :"http://localhost:5000" } 说明： 优点：配置简... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ... -
defineEmits
defineEmits 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. TypeScript 类型 字面量 写法 （推荐） ★ 2. 运行时声明 （JavaScript） 3. TypeScript 接口式写法 ★ ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎯... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
7.5 object
object（⼩写） Object（⼤写） 声明 对象 类型 声明 函数 类型 声明 数组 类型 视频位置 TypeScript快速梳理_中篇 00:00:08 object（⼩写） object （⼩写）的含义是：所有⾮原始类型 ，可存储：对象、函数、数组 等，由于限制的范围⽐较宽泛，在实际开发中使⽤的相对较少。 let a: ...