v-model的实现原理

v-model

1. v-bind绑定响应式数据
2. 通过@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 协议》，转载必须注明作者和本文链接