-
302 044.准备一个效果
笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1... -
097_配置代理_方式二
vue脚手架配置代理 方法一 方法二 笔记 server1.js 重要源码 vue.config.js App.vue vue脚手架配置代理 方法一 在vue.config.js中添加如下配置： devServer :{ proxy :"http://localhost:5000" } 说明： 优点：配置简... -
展开语法
🎯 简单理解 💡 类比例子 现实生活类比 代码对比 🔧 实际效果 浅拷贝对象 📊 与直接赋值的区别 示例对比 💡 在响应式数据中的应用 为什么需要 ... ？ 🔄 扩展功能 1. 合并对象 2. 添加新属性 3. 覆盖部分属性 ⚡ 性能考虑 浅拷贝 vs 深拷贝 ★★★ 🎯 一句话总结 💡 记忆技巧... -
js =>箭头函数
1. 基本语法 ★ 2. 核心特性 (1) 更简洁的语法 (2) 隐式返回 (3) 不绑定 this（最重要特性） 3. 常见使用场景 (1) 数组方法回调 (2) Vue/React 事件处理 (3) Promise 链式调用 4. 与传统函数的区别 5. 注意事项 (1) 不适合用在 methods 中 ... -
110_vuex开发者工具的使用
笔记 重要文件源码 store\index.js 笔记 Vue开发者工具的第2个视图就是 Vuex : 重要文件源码 store\index.js //该文件用于创建Vuex中最为核心的store import Vue from 'vue' //引入Vuex import Vuex from 'vuex' //使用... -
合并对象属性
1. 基本语法解析 2. 实际效果示例 3. 与传统方法对比 传统方式（Object.assign） 直接修改（不推荐） 4. Vue 中的特殊意义 保持响应式 Vue 3 Composition API 5. 合并规则 属性覆盖规则 多层嵌套合并 深合并解决方案 6. 实际应用场景 场景1：表单数据更新 ... -
052_生命周期_总结
视频 笔记 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=52 笔记 前面三节课讲的生命周期图示，只体现了8个生命周期钩子函数(4对)，还有3个钩子函数没有体现(需要在后面的路由和路由切换去学习)... -
Object.defineProperty
🎯 基本含义 🔍 详细解释 1. 允许删除属性 2. 允许修改属性描述符 3. 与 configurable: false 对比 🎯 属性描述符的完整选项 🔧 实际应用场景 场景1：创建可删除的常量属性 场景2：插件系统的配置属性 场景3：响应式数据绑定 ⚠️ 重要注意事项 1. 默认值 2. 一次性操作 ... -
defineEmits
defineEmits 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三种写法 1. TypeScript 类型 字面量 写法 （推荐） ★ 2. 运行时声明 （JavaScript） 3. TypeScript 接口式写法 ★ ⚡ 主要特点 优点 限制 🔄 与 Vue 2 对比 📦 实际示例 🎯... -
029_列表渲染
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 基本列表</title > <script type ="text/javascript" src ="../js/vue.js" ...