vue.js基础入门

常用表单元素

元素
input[type=*]	文本输入框
textarea	多行文本
radio	单选按钮
checkbox	复选框
select	选择框

注意

注意一：v-model  会忽略所有表单元素的  value、checked、selected  特性的初始值而总是将 Vue 实例的数据作为数据来源。直接给元素 value 赋值不会生效的，你应该通过 JavaScript 在组件的  data  选项中声明初始值。

注意二：v-model 在内部使用不同的属性为不同的输入元素并抛出不同的事件，具体体现我们在表单 修饰符小节，给大家说明：

• text 和 textarea 元素使用 value 属性和 input 事件(内部监听 input 事件)；

• checkbox 和 radio 使用 checked 属性和 change 事件(内部监听 change 事件)；

• select 字段将 value 作为 prop 并将 change 作为事件(内部监听 change 事件)。

  说明： change 和 input 区别就是，input 实时更新数据，change 不是实时更新。

  input 监听

  

  change 监听

  

带着注意事项，进入 Vue 表单处理学习