<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
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章
原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源:
初识Vue 3.0 —— v-model: 表单数据双向绑定 -
Qui-Note