Vue.JS入门篇处理表单_html/css_WEB-ITnose

    基本用法惰性更新默认情况下，v-model 会在每个 input 事件之后同步输入的数据。你可以添加一个 lazy 特性，将其改变为在 change 事件之后才进行同步。
  转换为数字如果你希望将用户的输入自动转换为数字，你可以在 v-model 所在的 input 上添加一个 number 特性。  没有试验成功，不知道什么原因绑定表达式当使用 v-model 在单选框和复选框时，被绑定的值可以是布尔值或字符串：这里有一点小的局限性——有的时候我们想把背后的值绑定到一些别的东西上。
  你可以按下面这个例子实现：复选框// 被选中时：vm。toggle === vm。  a// 被取消选中时：vm。toggle === vm。b单选框// 被选中时：vm。
  pick === vm。a动态select选项当你需要为一个元素动态渲染列表选项时，推荐将 options 特性和 v-model 指令配合使用，这样当选项动态改变时，v-model 会正确地同步：在你的数据里，myOptions 应该是一个指向选项数组的路径或是表达式。
    这个可选的数组可以包含简单的数组：options = ['a', 'b', 'c']或者可以包含格式如 {text:'', value:''} 的对象。该对象格式允许你设置可选项，让文本展示不同于背后的值：options = [ { text: 'A', value: 'a' }, { text: 'B', value: 'b' }]会被渲染成为AB选项组另外，数组里对象的格式也可以是 {label:'', options:[。
    ]}。这样的数据会被渲染成为一个[{ label: 'A', options: ['a', 'b']},{ label: 'B', options: ['c', 'd']}]abcd选项过滤你的原始数据很有可能不是这里所要求的格式，因此在动态生成选项时必须进行一些数据转换。
    为了简化这种转换，options特性支持过滤器。将数据的转换逻辑做成一个可复用的 自定义过滤器 通常来说是个好主意：Vue。filter('extract', function (value, keyToExtract) {return value。
  map(function (item) { return item[keyToExtract]})})上述过滤器将像 [{ name: 'Bruce' }, { name: 'Chuck' }] 这样的原始数据转化为 ['Bruce', 'Chuck']，从而符合动态选项的格式要求。
    静态默认选项除了动态生成的选项之外，你还可以提供一个静态的默认选项：Select a user。基于 users 动态生成的选项将会被添加到这个静态选项后面。如果 v-model 的绑定值为除 0 之外的伪值，则会自动选中该默认选项。
  输入debounce在一次输入被同步到模型之前，debounce 特性允许你设置一个每次用户事件后的等待延迟。  如果在这个延迟到期之前用户再次输入，则不会立刻触发更新，而是重置延迟的等待时间。
  当每次更新前你要执行繁重作业时会很有用，例如一个基于 ajax 的自动补全功能。有效的减少重复无用的提交注意 debounce 参数并不对用户的输入事件进行 debounce：它只对底层数据的 “写入” 操作起作用。
    因此当使用 debounce 时，你应该用 vm。$watch() 而不是 v-on 来响应数据变化。