摘要：
Vue v-model 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦 <input :value="text" @input="event => text = event.target.value"> v-mo 阅读全文
posted @ 2025-11-28 11:22
Jing61
阅读(12)
评论(0)
推荐(0)
摘要：
Vue 事件处理 监听事件 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click="handler" 或 @click="handler"。 事件处理器 (handler) 的值可以是： 内联事件处理器：事件 阅读全文
posted @ 2025-11-28 10:56
Jing61
阅读(5)
评论(0)
推荐(0)
摘要：
Vue 列表渲染 v-for 我们可以使用 v-for 指令基于一个数组来渲染一个列表。v-for 指令的值需要使用 item in items 形式的特殊语法，其中 items 是源数据的数组，而 item 是迭代项的别名。 <template> <li v-for="item in items 阅读全文
posted @ 2025-11-28 10:32
Jing61
阅读(6)
评论(0)
推荐(0)
摘要：
Vue 条件渲染 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 v-else 你也可以使用 v-else 为 v-if 添加一个“else 区块”。 <template> <h1 v-if="awesome">Vue is awesome!</h1> <h1 阅读全文
posted @ 2025-11-28 10:17
Jing61
阅读(3)
评论(0)
推荐(0)
摘要：
Vue Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定。但是，在处理比较复杂的绑定时，通过拼 阅读全文
posted @ 2025-11-28 10:03
Jing61
阅读(10)
评论(0)
推荐(0)
摘要：
Vue 响应式基础 声明响应式状态 ref() 在组合式 API 中，推荐使用ref()函数来声明响应式状态： import { ref } from 'vue' const count = ref(0) ref()接收参数，并将其包裹在一个带有.value属性的 ref 对象中返回： cons 阅读全文
posted @ 2025-11-28 09:56
Jing61
阅读(7)
评论(0)
推荐(0)
摘要：
创建Vue应用 前提 确保安装了Node.js，并且当前工作目录正是打算创建项目的目录。 步骤1：创建项目 在命令行中运行以下命令： npm create vue@latest 该指令会安装并执行 create-vue（Vue官方项目脚手架工具），随后将出现可选功能提示（如TypeScript、测试 阅读全文
posted @ 2025-11-28 09:43
Jing61
阅读(5)
评论(0)
推荐(0)
摘要：
Vue 简介 什么是 Vue？ Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 下面是一个最基本的示例： i 阅读全文
posted @ 2025-11-28 08:57
Jing61
阅读(7)
评论(0)
推荐(0)
浙公网安备 33010602011771号