当前位置: 首页 > Web前端 > vue.js

深入理解v-model

时间:2023-03-31 21:31:13 vue.js

v-model的原理既可以作用于表单元素,也可以作用于自定义组件。无论哪种情况,它都是一个语法糖,最终会产生一个属性和一个事件当它作用于一个表单元素时,Vue会根据它所作用的表单元素的类型来生成合适的属性和事件。例如作用于普通文本框时,会产生value属性和input事件,作用于单选框或多选框时,会产生checked属性和change事件。当作为普通文本框作为单选框或多选框使用时,v-model也可以作用于自定义组件,当作用于自定义组件时,默认情况下,它会生成一个值属性和一个输入事件;可以通过组件的模型配置更改生成的属性和事件//CompconstComp={model:{prop:"number",//默认为值event:"change"//默认为输入}//...