-
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
defineStore 入门篇
defineStore 通俗介绍 📦 简单比喻 ★ 🎯 核心作用 ★ 💡 举个生活例子 开一个小卖部 大家来买东西 🔧 在代码中看 📊 为什么需要这个？ 💡 实际应用场景 用户登录信息 🆚 传统方法对比 以前的方法（麻烦） 现在的方法（方便） 🔄 在网页中的应用 🎯 三个关键词 💡 一句话理解 d... -
7.5 object
object（⼩写） Object（⼤写） 声明 对象 类型 声明 函数 类型 声明 数组 类型 视频位置 TypeScript快速梳理_中篇 00:00:08 object（⼩写） object （⼩写）的含义是：所有⾮原始类型 ，可存储：对象、函数、数组 等，由于限制的范围⽐较宽泛，在实际开发中使⽤的相对较少。 let a: ... -
110_vuex开发者工具的使用
笔记 重要文件源码 store\index.js 笔记 Vue开发者工具的第2个视图就是 Vuex : 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //使用... -
005_Hello小案例
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 初识Vue</title > <!-- 引入Vue --> <!-- 引入 Vue 的同时，就会引入一个 Vue构造函... -
DOM元素具象化
1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ... -
捕获模式
1. 事件流的三个阶段 2. 捕获模式的核心特点 （1）触发顺序与冒泡相反 （2）需要显式启用 3. Vue 中的捕获模式 4. 典型应用场景 （1）优先拦截事件 （2）避免冒泡被阻止 （3）性能优化 5. 对比捕获与冒泡 6. 完整事件流示例 7. 注意事项 捕获模式 指的是 事件流中的 捕获阶段（Capt... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ...