-
110_vuex开发者工具的使用
笔记 重要文件源码 store\index.js 笔记 Vue开发者工具的第2个视图就是 Vuex : 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //使用... -
074_TodoList案例_删除
重要源码 App.vue MyList.vue MyItem.vue 重要源码 App.vue <template > <div id ="root" > <div class ="todo-container" > <div class ="todo-wrap" > ... -
解构
如何理解”解构”？ 📋 解构的概念 🎯 简单比喻 ★ 💡 基本示例 ★ 1. 数组解构 2. 对象解构 📊 解构的常见用法 1. 重命名变量 ★ 2. 默认值 3. 嵌套解构 🆚 解构 vs 不解构 不解构写法 解构写法 ⚡ 解构的优势 🎯 解构属于什么？ 1. JavaScript ES6 特性 ... -
DOM元素具象化
1. DOM 树形结构图 2. 节点类型层次结构 3. 具体 HTML 对应的 DOM 结构 4. 节点关系图谱 5. 节点属性结构 6. 节点遍历方法图示 关键概念总结 以下是 DOM 元素结构化关系的图示表示： 1. DOM 树形结构图 /* */ #mermaidChart1 .node>rect { ; } ... -
effectScope
effectScope 介绍（初中水平） 🎯 什么是 effectScope？ 📖 核心概念 1. 什么是”副作用”？ 2. 为什么要管理？ 🔧 基本用法 创建和使用 📊 实际场景 场景1：组件中使用 场景2：自定义 Hook 🆚 对比：有 vs 没有 effectScope 没有 effectScope（旧方法） 有... -
102_默认插槽
笔记 重要文件源码 App.vue components\Category.vue category英[ˈkætəɡəri] 美[ˈkætəɡɔːri]n. 类别;(人或事物的)种类; 笔记 插槽：是子组件里预留的「插座孔」，让父组件可以把任意内容「插」进去显示。默认插槽： 就是只有一个插槽。 重要文件源码 App.vue <... -
302 044.准备一个效果
笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1... -
044_v-pre指令
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > v-pre指令</title > <!-- 引入Vue --> <script type ="text/javasc... -
007_模板语法
<!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 模板语法</title > <!-- 引入Vue --> <script type ="text/javascript" src =... -
134_element-ui基本使用
笔记 Element UI 笔记 UI组件库有两大类： 移动端 和 PC端 移动端常用 UI 组件库 Vant https://vant-ui.github.io/vant Cube UI https://didi.github.io/cube-ui Mint UI http://mint-ui.github.io NUT UI ht...