抢走辣条还想跑

表单输入绑定​ 在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦

事件处理​ 监听事件​ 我们可以使用 v-on 指令 (简写为 @) 来监听 DOM 事件，并在事件触发时执行对应的 JavaScript。用法：v-on:click="handler" 或 @cli

本文代码均可直接复制到 Vue演练场 运行 什么是 key key 是 Vue 提供的一种标签上的属性（attribute），使用方法和其他 attribute 一样。你可以使用 v-bind 指令给

v-for 在 script setup 中声明的变量或方法，在 app.vue 的 template 部分都是可以使用的 v-for 指令的参数 item 和 index（如果items是一个对象参

v-if 这里说的是真值，不是单单指 true，你传 [] 也可以，不过我们一般会判断数组长度大于0 [].length > 0 或者对象有属性 Object.keys({}).length > 0

绑定内联样式 绑定对象 绑定响应式数据 绑定数组 自动前缀 如果浏览器不支持 transition ，会自动添加以下前缀： 样式多值 注意如果你的数组里面有多个元素，只要是最后一个元素被浏览器支持，即

绑定 HTML class 传递字符串 绑定响应式数据 绑定对象 绑定其他表达式 通过计算属性数组将上面的每种情况结合到一起 万变不离其宗，你只需要保证解析之后赋值给 class 的值是字符串、key

v-if 这又是一个 Vue 内置的指令，如果传递的表达式返回值为真值，那么就会渲染这个标签及标签内的内容。 数据类型 为真值 为假值 boolean true false number 非零值 0、

标签的 class 和 style 也属于 attribute，因此可以通过 v-bind 指令进行绑定。 先来复习一下 Vue 的指令： v-baz:value.foo="bar" 前缀 v- ，指