摘要：
1. 基本概念 在 Vue 3 中，事件处理是组件交互的核心部分。Vue 使用 v-on 指令（简写为 @）来监听 DOM 事件，并在触发时执行相应的 JavaScript 代码。 2. 基本用法 2.1 内联事件处理器 <template> <button @click="count++">点击次 阅读全文
posted @ 2026-02-10 15:01
麻辣~香锅
阅读(2)
评论(0)
推荐(0)
摘要：
一、核心概念 1.1 什么是列表渲染 列表渲染是将数组或对象的数据映射到 DOM 元素的过程，Vue 3 使用 v-for 指令来实现这一功能。 1.2 主要特性 基于数据源动态生成多个元素 自动响应数据变化 支持多种数据源类型 提供唯一 key 管理 二、基本用法 2.1 数组渲染 <templa 阅读全文
posted @ 2026-02-10 14:52
麻辣~香锅
阅读(2)
评论(0)
推荐(0)
摘要：
一、核心概念 条件渲染是指根据特定条件动态控制 DOM 元素的显示与隐藏。Vue 3 提供了多种方式来实现条件渲染。 二、主要指令 1. v-if / v-else-if / v-else 基本用法： <template> <div> <!-- v-if --> <p v-if="isVisible 阅读全文
posted @ 2026-02-10 14:31
麻辣~香锅
阅读(8)
评论(0)
推荐(0)
摘要：
Vue 3 提供了多种灵活的方式来操作元素的 class 和 style 绑定，让我们能够根据应用状态动态切换样式。 一、Class 绑定 1. 对象语法 <template> <!-- 根据 isActive 布尔值决定是否添加 active 类 --> <div :class="{ active 阅读全文
posted @ 2026-02-10 14:22
麻辣~香锅
阅读(1)
评论(0)
推荐(0)
摘要：
一、什么是计算属性 计算属性是Vue3中用于声明式地处理响应式数据计算的特性。它基于依赖的响应式数据自动缓存计算结果，只有当依赖变化时才会重新计算。 二、基本用法 1. 使用 computed 函数 import { ref, computed } from 'vue' // 创建响应式数据 con 阅读全文
posted @ 2026-02-10 14:09
麻辣~香锅
阅读(5)
评论(0)
推荐(0)
摘要：
Vue 3 的响应式系统是其核心特性之一，它基于 ES6 的 Proxy 实现，相比 Vue 2 的 Object.defineProperty 有显著改进。 一、核心概念 1.1 什么是响应式？ 当数据发生变化时，自动更新依赖该数据的视图或计算。 1.2 响应式原理 Vue 3 使用 Proxy 阅读全文
posted @ 2026-02-10 13:58
麻辣~香锅
阅读(2)
评论(0)
推荐(0)
摘要：
Vue 2 和 Vue 3 的主要区别体现在以下几个方面： API 类型： Vue 2 使用选项式 API（Options API），组件的逻辑分散在 data、methods、computed 等选项中。 Vue 3 引入了组合式 API（Composition API），通过 setup 函 阅读全文
posted @ 2026-02-10 11:11
麻辣~香锅
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号