1. 基础语法 ★★★ 2. 必须的 :key 属性 3. 常见数据源类型 遍历数组 遍历对象 遍历数字范围 4. 高级用法 与 v-if 结合 嵌套循环 5. 性能优化技巧 6. 与其他框架对比 7. 常见问题 Q：为什么列表更新后视图不刷新？ Q：如何实现列表动画？ v-for 是 Vue...

elegant-router 详细介绍 1. 是什么？ 1.1 核心定位 2. 核心特性 2.1 类型安全的路由 2.2 自动生成路由类型 3. 基本使用 3.1 安装和配置 3.2 在 main.ts 中使用 4. 路由跳转 4.1 类型安全的导航 4.2 查询参数和哈希 5. 高级功能 5.1 路由守卫 5.2 动态路由 5...

了解 源码 index.html main.js App.vue School.vue Student.vue 了解 将 自定义后缀文件(E.g .vue) 转为可以被认识的 .js等文件，需要借助2个工具: webpack 脚手架 一般常写文件名的形式: 一个单词组成的文件名， 两种形式。 school.vue S cho...

1. DOM 元素的本质 2. DOM 元素的类型 3. 如何操作 DOM 元素？ （1）获取元素 （2）修改元素 （3）创建/删除元素 4. DOM 元素与 Vue/React 的关系 Vue 示例 React 示例 5. 为什么需要理解 DOM 元素？ 6. 可视化理解 DOM 树 常见问题 Q：DOM 元...

Window.Reflect 全面解析 1. Reflect 的基本概念 为什么要引入 Reflect？ 基本特性 2. Reflect 的静态方法 2.1 对象基本操作 Reflect.get() - 获取属性值 Reflect.set() - 设置属性值 Reflect.has() - 检查属性存在性 Reflect.delete...

1. 基本语法 2. 核心特性 (1) 不改变原数组 (2) 回调函数返回布尔值 (3) 自动跳过空位 3. 简单示例 基础用法 字符串数组过滤 4. 实用场景示例 (1) 对象数组过滤 (2) 删除特定值 (3) 搜索过滤 5. Vue 中的使用示例 6. 注意事项 (1) 性能考虑 (2) 稀疏...

MVVM 模型 标准定义 Vue 借鉴 MVVM 设计的模型 源码 MVVM 模型 标准定义 本部分引用 维基百科(https://zh.wikipedia.org/wiki/MVVM ) MVVM（M odel–V iew–V iewM odel）是一种软件架构模式。 MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑（数据模型）...

笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是 Vue提供的标准化开发工具 。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cl...

1. 节点的本质 2. 核心节点类型 3. 节点继承关系图解 4. 节点通用属性和方法 公共属性 公共方法 5. 不同类型节点的特性 元素节点（Element） 文本节点（Text） 注释节点（Comment） 6. 节点与元素的区别 7. 实际应用示例 遍历所有子节点 创建节点并插入 总结 在 ...

🎯 核心作用 💡 基本用法 🔧 实际示例 1. 获取对象所有键 2. 动态访问对象属性 🔄 编译时 vs 运行时 TypeScript 源码 编译为 JavaScript 🆚 与 JavaScript 的 Object.keys 对比 对比示例 💡 高级用法 1. 与泛型结合 2. 映射类型 3. 条件类型 ...