v-model语法糖在input上组件上的使用


1. v-model 用在input上

v-model 是一个语法糖,在input上使用,
相当于v-bind 动态绑定一个value属性,
v-on 给当前属性增加input事件







input 元素本身有个 oninput 事件,这是 HTML5 新增加的,类似 onchange ,每当输入框内容发生变化时,就会触发oninput,把最新的value传递给 zm。

在给input元素添加v-model属性时,默认会把value作为元素的属性,然后把'input'事件作为实时传递value的触发事件

2.v-model 在组件上的使用




Vue.component('Field-select', {
 template: `
  
   
  
 `,
 props: ['value'],// 
})


func(){
	this.$emit(‘input’,valc);
}

但是建议最好还是不要改父组件传递过来的参数

vue