初识Vue 3.0 —— v-model: 表单数据双向绑定
七娃博客29 次
<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
评论 | 0 条评论