Vue学习笔记（数据绑定）

Vue中有2种数据绑定的方式：

 1.单向绑定(v-bind)：数据只能从data流向页面；v-bind:value简写为:value

 2.双向绑定(v-model)：数据不仅能从data流向页面，还可以从页面流向data；双向绑定一般都应用在表单类元素上（如：input、select等）；v-model:value 可以简写为 v-model，因为v-model默认收集的就是value值。

表单类元素：

HTML表单是用于收集用户输入信息的元素集合。例如文本框、单选按钮、复选框、下拉列表等

表单在网页开发中承担着收集用户数据、实现用户互动、提供个性化服务、保障数据安全等重要作用，是构建交互式和功能丰富的网页不可或缺的组成部分。

常用表单元素

<form>:定义供用户输入的表单。

<fieldset>:定义域。即输入区加有文字的边框。

<legend>：定义域的标题，即边框上的文字。

<label>：定义一个控制的标签。如输入框前的文字，用以关联用户的选择。
<input>:定义输入域，常用。可设置type属性，从而具有不同功能。
<textarea>:定义文本域(一个多行的输入控件)，默认可通过鼠标拖动调整大小。

<button>:定义一个按钮。
<optgroup>:定义选项组。选项组内需要放选项<option>。下拉列表<select>通常对应一个选项组，故此标签不常用。见详解。
<select>:定义一个选择列表，即下拉列表。

<option>:定义下拉列表中的选项。