Vue应用程序开发（第2版）课件 第3章Vue.js内置指令第3节v-model指令.pptxVIP

第3章：Vue.js内置指令《Vue应用程序开发》

010203005Part13.1基本指令Part23.2v-bind指令Part33.3v-model指令Part43.4章节案例目录CONTENTS

预期：随表单控件类型不同而不同。限制：inputselecttextareacomponents修饰符：.lazy-取代input监听change事件.number-输入字符串转为有效的数字.trim-输入首尾空格过滤3.3v-model指令

v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将Vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值。v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：text和textarea元素使用value属性和input事件；checkbox和radio使用checked属性和change事件；select字段将value作为prop并将change作为事件。3.3v-model指令

对于需要使用输入法(如中文、日文、韩文等)的语言，你会发现v-model不会在输入法组合文字过程中得到更新。如果你也想处理这个过程，请使用input