-
088_TodoList案例_pubsub
笔记 源码 App.vue components\MyItem.vue 笔记 本节将 086 的功能，用 消息订阅与发布 练习一遍。 源码 App.vue <template > <div id ="root" > <div class ="todo-container" > ... -
useTitle
🎯 核心功能 💡 基本用法 📊 主要特性 💡 高级用法 1. 带默认值 2. 带模板的标题 3. 恢复原始标题 🔄 与传统方式的对比 传统方式 VueUse 方式 📈 SEO 优化 1. 关键词优化 2. 多语言标题 🎯 TypeScript 支持 💡 注意事项 1. SSR 兼容性 2. 内存管理... -
map()
Array.map() 简明指南 🎯 🔍 基本作用 🚀 基本用法 1. 简单转换 2. 对象数组转换 📝 参数详解 完整参数使用 🎯 实际应用场景 1. 数据格式化 2. DOM 操作 3. API 数据处理 ⚡ 与 for 循环对比 传统 for 循环 map() 方法（更简洁） 🎯 重要特性 1.... -
1 TypeScript 简介
上图简记:js ∈ ts TypeScript 由微软 开发，是基于 JavaScript 的⼀个扩展语⾔ 。 TypeScript 包含了 JavaScript 的所有内容，即： TypeScript 是 JavaScript 的超集 。 TypeScript 增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬... -
useBreakpoints
useBreakpoints 介绍 📋 这是什么？ 🎯 核心作用 💡 基本用法 📊 常用方法 💡 实际应用场景 1. 设备管理界面适配 2. 侧边栏响应式控制 🔄 与 CSS Media Query 对比 CSS Media Query useBreakpoints 🎯 响应式数据展示 设备数据表格 ⚡ 性能优化... -
defineEmits
defineEmits 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. TypeScript 类型 字面量 写法 （推荐） ★ 2. 运行时声明 （JavaScript） 3. TypeScript 接口式写法 ★ ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎯... -
083_TodoList案例_自定义事件
要求： 调试 源码 App.vue components\MyHeader.vue components\MyFooter.vue 要求： 本节把涉及到 子给父 传消息的地方，都修改为 自定义事件。 因为本节我们只关心 子和父 之间的事情，所以本节只修改 MyHeader MyFooter 和 App 之间的内容， 暂时不修改MyList... -
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
7.4 void
1. void 通常⽤于 函数 返回值 声明 ★ 2. 以下写法均符合规范 3. 那限制函数返回值时，是不是 undefined 和 void 就没区别呢？ 理解 void 与 undefined 视频位置 TypeScript快速梳理_上篇 49:56 void 的含义是空。 1. void 通常⽤于 函数 返回值 声明 ★ voi... -
073_TodoList案例_勾选
笔记 逐层传递数据 Vue监测数据是否被修改的探讨 关于 props 重要源码 App.vue MyList.vue MyItem.vue 笔记 逐层传递数据 如果 App.vue 想给 孙子MyItem.vue传递组件，需要通过 MyList 传递，即 逐层传递。见下图: Vue监测数据是否被修改的探讨 ...