Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势。下边以单选框、复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式。
一、单选框
在传统的HTML中实现单选框的方法如下:
<div id=app>
<input type=radio name=gender value=man id=man/><label for=man>男</label>
<input type=radio name=gender value=woman id=women/><label for=women>女</lab