Vue前端框架技术及应用 课件第二章 Vue表单输入绑定.pptx

第2章扩展Vue表单输入绑定

教学内容：

表单绑定的基础用法

表单修饰符

教学目标：

掌握Vue表单生成的知识

本章要点

第一节：Vue表单基础用法

v-model指令

表单数据的绑定

v-model指令

v-model指令：

Vue提供了v-model这一指令，让我们可以在元素上建立双向绑定。

什么是双向绑定，简单来说就是：当数据变化的时候，元素的表现随之变化；当元素的表现变化的时候，该数据也会随之变化。

因此当我们使用v-model进行表单建立的时候，表单的初始化以及表单数据的获取变得十分简单。

v-model的使用十分简单：

其中name为data中的变量。

表单数据的绑定

表单数据的