初识Vue 3.0 —— v-model: 表单数据双向绑定

<h5>3.表单数据双向绑定：</h5>
<div class="modle">
  <span>你输入了：{{inputModel}}</span>
  <input type="text" v-model="inputModel" />
</div>
<script type="text/javascript">
  //表单数据双向绑定
  const modles = {
    data(){
return{
  inputModel:''
}
    }
  }
  Vue.createApp(modles).mount("#app .modle");
</script>
v-model绑定表单数据，别忘了挂载事件

交互效果见：​​https://course.51qux.com/vue3-0-1​​