-
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
040_v-text指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-text指令</title > <!-- 引入Vue --> <script type ="text/javas... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
第三方库
1. 第三方库的定义 1.1 什么是第三方库？ // 第三方库的特征： // 1. 不是 Node.js 内置模块 // 2. 不是浏览器原生 API // 3. 不是项目自身的代码 // 4. 需要通过 npm/yarn 安装 // ✅ 第三方库示例 import axios from 'axios' ... -
100_github案例_完善案例
笔记 重要文件源码 components\Search.vue components\List.vue 笔记 模拟掉线，让chrome浏览器断网。设置如下: 重要文件源码 components\Search.vue <template > <!-- 头部搜索 --> <section class ="jumb... -
096_配置代理_方式一
笔记 ajax方式 1. xhr //不常用这种直接操作 2. jQuery 3.axios //在用 √ 4.fetch 跨域 重要源码 App.vue vue.config.js 笔记 ajax方式 常用的发送 ajax 方式有哪些? 1. xhr //不常用这种直接操作 xhr 是 new XMLHttpReques... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ... -
map()
Array.map() 简明指南 🎯 🔍 基本作用 🚀 基本用法 1. 简单转换 2. 对象数组转换 📝 参数详解 完整参数使用 🎯 实际应用场景 1. 数据格式化 2. DOM 操作 3. API 数据处理 ⚡ 与 for 循环对比 传统 for 循环 map() 方法（更简洁） 🎯 重要特性 1....