-
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
箭头函数
1. 基础格式 ★★★ 完整形式（多行） 单行简写（隐式返回） 2. 参数格式 3. 特殊格式规则 对象返回值的简写 立即执行箭头函数（IIFE） 4. 与传统函数对比 5. 常见使用场景 数组方法 事件处理器（需注意 this） 异步操作 6. 格式注意事项 总结 箭头函数（Arrow Functi... -
捕获模式
1. 事件流的三个阶段 2. 捕获模式的核心特点 （1）触发顺序与冒泡相反 （2）需要显式启用 3. Vue 中的捕获模式 4. 典型应用场景 （1）优先拦截事件 （2）避免冒泡被阻止 （3）性能优化 5. 对比捕获与冒泡 6. 完整事件流示例 7. 注意事项 事件的 捕获模式（Capture Phase） ... -
Record
📋 Record 简介 ★ 📖 语法 ★★ 💡 基本用法 ★ 举例 📊 TypeScript 编译检查 Record 是 TypeScript 的内置工具类型 。 📋 Record 简介 ★ Record<K, T> 是 TypeScript 的工具类型，用于创建一个键为 K 类型，值为 T 类型的对象类型 。 📖 语... -
parse()
JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
039_过滤器
源码 这个过滤器，不是必须用的知识点。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 过滤器</title > <script type ="text/javascript" src... -
047_自定义指令_总结
自定义指令总结： 一、定义语法： 二、配置对象中常用的3个回调： 三、备注： 自定义指令总结： 一、定义语法： 局部指令写法1：//对象式 new Vue ({ directives :{指令名:配置对象} }) 写法2： //函数式 new Vue({ directives{指令名:回调函数} }) 全局指令：写法1:... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...