v-model实现原理

原生DOM当中是有oninput事件，它经常结合表单元素一起使用，当表单元素文本内容发生变化的时候就会发出一次回调

Vue2：可以Value与input事件实现v-model功能

xiaoming.vue:

<template>
  <div>

    <h2>v-model实现输入框双向绑定</h2>
    <input type="text" v-model="msg">

    <h2>利用Value与input事件实现双向绑定</h2>
    <input type="text" :value="msg" @input="msg = $event.target.value">

  </div>
</template>

<script>

export default {
    name:'xiaoming',
    data() {
        return {
            msg: '风海潮生阁',
        };
    },
   
}
</script>

<style>

</style>