v-model的实现原理
v-model
- v-bind绑定响应式数据
- 通过@input触发事件获取当前 $event.target.value,然后赋值给当前变量
<template>
<div>
<input @input="handleInput" />
<div>
实时监听: {{ message }}
</div>
</div>
</template>
<script>
export default {
data(){
return {
message:""
}
},
methods:{
handleInput(event){
this.message = event.target.value
}
}
}
</script>
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: