表单元素:
https://blog.csdn.net/m0_67930426/article/details/134655644
使用模板
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head><body><!--准备容器 -->
<div id="app"><h3>自我介绍</h3>姓名: <input type ><br><br>性别:<input type="radio" >男<input type="radio" >女<br><br>所在地区:<select><option>北京</option><option>天津</option><option>上海</option><option>南京</option></select><br><br>简介:<textarea></textarea><br><br><input type="submit" value="提交"><br><br><br><input type="checkbox"><label >同意xxxxxxxxxx</label>
</div><!-- 引包 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.js"></script><!-- 创建实例 -->
<script>var app=new Vue({el:'#app',data: {}});
</script>
</body>
</html>
目录
v-model绑定输入框
v-model绑定单选框
v-model绑定下拉框
v-model绑定文本域
v-model绑定复选框
v-model绑定输入框
v-model绑定单选框
v-model绑定下拉框
v-model绑定文本域
v-model绑定复选框
也可以打开控制台,找到vue插件,在上面做数据处理