-
async/await
async/await 简要介绍 📋 一句话概括 🎯 核心作用 📝 基本语法 🔧 三个关键点 1. async 函数 2. await 表达式 3. 错误处理 💡 经典示例对比 回调地狱 → Promise → async/await ⚡ 主要特点 优点 注意事项 🔄 实际用例 📈 性能优化 🎓 记住这... -
effectScope
effectScope 介绍（初中水平） 🎯 什么是 effectScope？ 📖 核心概念 1. 什么是”副作用”？ 2. 为什么要管理？ 🔧 基本用法 创建和使用 📊 实际场景 场景1：组件中使用 场景2：自定义 Hook 🆚 对比：有 vs 没有 effectScope 没有 effectScope（旧方法） 有... -
013_Vue中的数据代理
源码 数据代理图示 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > Vue中的数据代理</title > <!-- 引入Vue --> <script type ="t... -
136/.../168 Vue3
137_使用vue-cli创建工程 138_使用vite创建工程 139_分析工程结构 140_安装开发者工具 141_初试setup 142_ref函数_处理基本类型 143_ref函数_处理对象类型 144_reactive函数 145_回顾Vue2的响应式原理 146_Vue3响应式原理_Proxy 147_Vue3响应式原理_Re... -
014_事件处理
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 事件的基本使用</title > <!-- 引入Vue --> <script type ="text/javasc... -
143_ref函数_处理对象类型
ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di... -
038_收集表单数据
源码 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > 收集表单数据</title > <script type ="text/javascript" src ="../js/vue.js... -
144_reactive函数
笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象... -
Partial
📋 介绍 ★ 🎯 核心作用 ★★ 📝 基本语法 ★ 💡 经典示例 ★ 🔧 实际应用场景 1. 更新数据 2. 表单数据 3. 默认配置 ⚡ 主要特点 优点 注意事项 🔄 与 Required 对比 📈 性能考虑 🎓 记住这几点 📋 总结 📋 介绍 ★ Partial 是 TypeSc... -
142_ref函数_处理基本类型
源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其...