源码 App.vue 在 Vue2 中, ref 可以简单理解为 原生js 中 标签id=”***“ 用法的替代者。但是在 Vue3 中 ref 在原来基础上增加了 ref() 函数的功能。 源码 App.vue <template > <h1 > 一个人的信息</h1 > <!-- 模板中，不需要使用.value 取其...

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

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

🎯 基本概念 🚀 基本语法 🔧 核心拦截器（陷阱） 1. 基本操作拦截 2. 存在性检查拦截 🎯 实际应用场景 1. 数据验证 2. 默认值和计算属性 3. 观察者模式（数据绑定） 4. 数组操作拦截 🔧 高级用法 1. 函数代理 2. 链式操作代理 🎯 Vue 3 的响应式系统 Vue 3 使用 Pr...

🔍 基本含义 🎯 与直接赋值的区别 ❌ 直接赋值（引用传递） ✅ 使用 slice(0)（创建新数组） 🔧 slice() 方法详解 语法： 不同参数的效果： 🚀 在排序函数中的应用 为什么排序前需要拷贝？ ✅ 安全的排序方式 📊 各种拷贝方法的对比 各种拷贝方法示例： ⚠️ 浅拷贝的局限性 对象数组的浅拷...

133_history模式与hash模式 117_路由的简介 118_路由基本使用 119_几个注意点 120_嵌套路由 121_路由的query参数 122_命名路由 123_路由的params参数 124_路由的props配置 125_router-link的replace属性 126_编程式路由导航 127_缓存路由组件 128...

视频内容 源码 components\Demo.vue 视频内容 watchEffect函数 watch的套路是：既要指明监视的属性，也要指明监视的回调。 watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。 watchEffect有点像computed： 但computed注重的计算...

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

highlight.js 库介绍 库的基本信息 使用场景 1. 代码示例 1.1 导入路径解析 2. 与完整导入的区别 2.1 完整导入（不推荐） 2.2 按需导入（推荐） 3. 完整的配置示例 3.1 基础配置 3.2 在 Vue 组件中使用 4. 自动高亮配置 4.1 全局自动高亮 4.2 Vue 指令封装 5. 支持的语言列...

ref() 教程内容 源码 App.vue ref() 教程内容 作用: 定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） 。 JS中 操作数据： xxx.value 模板中 读取数据: 不需要.value，直接：<di...