天天看點

初識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綁定表單資料,别忘了挂載事件      

繼續閱讀