笔记 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...

🎯 核心功能 💡 基本用法 📊 主要特性 💡 高级用法 1. 带默认值 2. 带模板的标题 3. 恢复原始标题 🔄 与传统方式的对比 传统方式 VueUse 方式 📈 SEO 优化 1. 关键词优化 2. 多语言标题 🎯 TypeScript 支持 💡 注意事项 1. SSR 兼容性 2. 内存管理...

JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ...

useBreakpoints 介绍 📋 这是什么？ 🎯 核心作用 💡 基本用法 📊 常用方法 💡 实际应用场景 1. 设备管理界面适配 2. 侧边栏响应式控制 🔄 与 CSS Media Query 对比 CSS Media Query useBreakpoints 🎯 响应式数据展示 设备数据表格 ⚡ 性能优化...

📋 Record 简介 ★ 📖 语法 ★★ 💡 基本用法 ★ 举例 📊 TypeScript 编译检查 Record 是 TypeScript 的内置工具类型 。 📋 Record 简介 ★ Record<K, T> 是 TypeScript 的工具类型，用于创建一个键为 K 类型，值为 T 类型的对象类型 。 📖 语...

笔记 视频内容 源码 App.vue 笔记 reactive 响应，反应 Vue3 在处理 对象的响应式时，使用的是 Proxy 。 reactive 的目的： 让原对象变为响应式的对象。 视频内容 作用: 定义一个对象类型 的响应式数据（基本类型不要用它 ，要用ref 函数） 语法：const 代理对象= reactive(源对象...

defineComponent 1. 是什么？ 2. 基本用法 3. 两种写法 3.1 Options API（选项式 API ∈ Vue 2 风格 ） 3.2 Composition API（组合式 API ∈ Vue 3 推荐） defineComponent 1. 是什么？ defineComponent 是 Vue 3 中定义...

usePreferredColorScheme 介绍 📋 这是什么？ 🎯 核心功能 ★ 💡 基本使用 ★ 🔧 实际应用 1. 自动跟随系统主题 📊 浏览器 API 基础 1. window.matchMedia 2. VueUse 的封装 🔄 完整主题管理示例 📈 响应式特性 自动响应变化 响应式组件 ⚡ 性能...

1. 核心功能概览 2. 基本使用方法 安装配置 组件中使用 3. 主要特性详解 3.1 请求方法 3.2 全局配置 3.3 响应处理 4. 与现代 axios 的对比 5. 迁移到 axios 的示例 vue-resource 代码 等效的 axios 代码 6. 为什么被废弃？ 技术原因 官方推荐迁...

137_使用vue-cli创建工程 138_使用vite创建工程 139_分析工程结构 140_安装开发者工具 141_初试setup 142_ref函数_处理基本类型 143_ref函数_处理对象类型 144_reactive函数 145_回顾Vue2的响应式原理 146_Vue3响应式原理_Proxy 147_Vue3响应式原理_Re...