Vue 收集表单数据 详细解释

相信自己的直觉，顽固的人不喊累！

今天来详细解释Vue 收集表单的数据，说到数据我们就想到要使用v-model ，双向数据绑定，技能收集用户输入数据，又能想页面传入数据

那么我们下面就来做一个简单的表单介绍vue是如何收集数据的

1.首先我们使用html编写一个简单的表单，有输入框，单选框，多选框，密码框，下拉框，文本框，以及按钮

<form id="root" @submit.prevent='dome'>
        账号:<input type="text" v-model.trim="account">
        <!-- trim 控制vue不收集空格 -->
        <br><br>
        密码:<input type="password" v-model="password">
        <br><br>
        年龄:<input type="number" v-model.number="age">
        <!-- number html中控制只能输入数字，vue中控制只能接收数字 -->
        性别:
        男<input type="radio" name="sex" value