一起看Vue3文档

表单输入绑定​ 在前端处理表单时，我们常常需要将表单输入框的内容同步给 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

基础示例 你可以简单的把 computed 的返回值，认为是一个通过 ref() 声明的响应式数据，初始值就是传入 computed 的第一个参数的返回值。 当我们需要在其他函数中使用这个计算属性的时

另一种声明响应式状态的方法是通过 reactive API 这句话的意思是：我们通过 reactive 创建一个变量如：const state = reactive({ count: 0 })，然后我

文档一开始标题就是 声明响应式状态 什么是响应式状态？ 能够被Vue检测到值的变化的变量就是响应式状态 最简单的响应式状态就是我们在编写Vue组件时，通过 ref 或者 reactive 声明的变量，

这段话表达的就是 开始/简介 那一篇文章里讲到的 声明式渲染 文本插值 文本插值是数据绑定的基本形式，语法是双大括号 Attribute 绑定 通过 v-bind 指令绑定标签 Attribute ,

应用实例 通过调用createApp 创建一个应用实例，第一个参数称之为跟组件，可以直接编写内联组件，或从外部导入一个组件 根组件 传入 createApp 的第一个参数称之为根组件 挂载应用 创建

快速上手主要介绍了编写Vue的几种方式 在线编辑器 演练场 codesandbox StackBlitz 码上掘金，我会尽量采用这个来编写代码示例 创建本地Vue应用 根据文档教程即可创建本地项目 C

Vue 2 发布于2016年， 已于2023年12月31日停止维护 什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准

本系列文章旨在协助学习Vue 3文档的同学更深入、更轻松地掌握文档中的内容。 本系列文章仅讲解Vue 3的特性和使用方法，以及使用细节，并结合代码样示例进行阐述。