-
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
数据监测、数据代理和数据劫持
1. 三者关系图解 2. 核心概念对比 3. 具体分工说明 (1) 数据劫持（核心响应式） (2) 数据代理（访问优化） (3) 数据监测（系统总称） 4. 生命周期中的体现 5. 常见误区澄清 误区1 ：数据代理是响应式的必要条件 误区2 ：Object.defineProperty 只用于数据劫持 误区3 ：Vue ... -
DOM元素具象化
1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ... -
054_非单文件组件
笔记 源码 笔记 组件的两种编写形式： 非单文件组件一个文件 中包含有n个组件 。 单文件组件一个文件 中只包含有1个组件 。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本使用</... -
箭头函数
1. 基础格式 ★★★ 完整形式（多行） 单行简写（隐式返回） 2. 参数格式 3. 特殊格式规则 对象返回值的简写 立即执行箭头函数（IIFE） 4. 与传统函数对比 5. 常见使用场景 数组方法 事件处理器（需注意 this） 异步操作 6. 格式注意事项 总结 箭头函数（Arrow Functi... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
.unshift()
以下是详细说明： 1. 基本语法 2. 核心特性 3. 使用示例 示例1：插入单个元素 示例2：插入多个元素 示例3：与 push() 对比 4. 与其他方法的区别 5. 特殊场景处理 场景1：空数组调用 场景2：非数组对象调用 6. 性能注意事项 7. 在Vue/React中的使用 Vue 示例 Rea... -
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是Vue提供的标准化开发工具。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cli.... -
041_v-html指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-html指令</title > <!-- 引入Vue --> <script type ="text/javas... -
039_过滤器
源码 这个过滤器，不是必须用的知识点。 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 过滤器</title > <script type ="text/javascript" src...