-
061_创建Vue脚手架
笔记 了解 Vue 脚手架 安装 切换到我们创建的项目的目录 源码 components\HelloWorld.vue App.vue main.js 笔记 了解 Vue脚手架 是Vue提供的标准化开发工具。 我们现在学的是Vue，注意本节讲的是 Vue脚手架。 Vue 脚手架 官网地址： https://cli.... -
.unshift()
以下是详细说明： 1. 基本语法 2. 核心特性 3. 使用示例 示例1：插入单个元素 示例2：插入多个元素 示例3：与 push() 对比 4. 与其他方法的区别 5. 特殊场景处理 场景1：空数组调用 场景2：非数组对象调用 6. 性能注意事项 7. 在Vue/React中的使用 Vue 示例 Rea... -
040_v-text指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-text指令</title > <!-- 引入Vue --> <script type ="text/javas... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ... -
004_搭建Vue开发环境
1. 中文官网教程 2. 解决 Chrome浏览器 F12 控制台提示 2.1 在Chrome浏览器中安装vue开发者工具 2.2 配置 开发者环境或生产环境 1. 中文官网教程 https://v2.cn.vuejs.org/v2/guide/ 2. 解决 Chrome浏览器 F12 控制台提示 Download the Vue De... -
箭头函数
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... -
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 > 基本使用</... -
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)...