VUE v-model表单数据双向绑定完整示例

本文实例讲述了VUE v-model表单数据双向绑定。分享给大家供大家参考,具体如下:





Vue v-model双向绑定



{{message}}
姓名:{{data.name}}
{{data.gender}}
阅读 打球 体操
{{data.interest}} 身份:{{data.identity}} Selected: {{ selected }}

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行结果:

VUE v-model表单数据双向绑定完整示例_第1张图片

希望本文所述对大家vue.js程序设计有所帮助。

你可能感兴趣的:(VUE v-model表单数据双向绑定完整示例)