vue.js使用v-model实现表单元素(输入)双向数据绑定示例

本文中，vue.js使用v-model实现表单元素(输入)的双向数据绑定功能。分享给大家参考，如下：

v-model通用表单元素的双向数据绑定(输入)

El:'#box '，//这里是选择器。

否则不会生效

！doctype html lang=' en ' head meta charset=' utf-8 ' titlewww.jb51.net vue . js数据双向绑定/title style/style script src=' http :https://cdn.bootcss.com/vue/2 . 4 . 4/vue . min . js '/script window . onload=function(){ new vue({ El : ' # box '，//这里是选择器data : { msg 3360 ' welcome vue ' })；};/script/headbody div id=' box '输入类型=' text ' v-model=' msg ' br { { msg } }/div/body/html运行效果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun来测试上述代码的运行效果。

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