vue之注册表单验证

<template>
	<div>
		<h1>注册表单验证</h1>
		<div class="demo-drawer__content">
			<el-form :model="form" ref="form" :rules="rules" class="demo-ruleForm">
				<el-form-item prop="name">
					<el-input v-model="form.name" clearable>
						<template slot="prepend">姓名</template>
					</el-input>
				</el-form-item>
				<el-form-item prop="password">
					<el-input v-model="form.password" type="password">
						<template slot="prepend">密码</template>
					</el-input>
				</el-form-item>
				<el-form-item prop="upassword">
					<el-input v-model="form.upassword" type="password">
						<template slot="prepend">确认密码</template>
					</el-input>
				</el-form-item>
				<el-form-item prop="age">
					<el-input v-model="form.age">
						<template slot="prepend">年龄</template>
					</el-input>
				</el-form-item>
				<el-form-item prop="sex">
					<el-radio-group v-model="form.sex">
						<el-radio label="男">男</el-radio>
						<el-radio label="女">女</el-radio>
					</el-radio-group>
				</el-form-item>
				<el-form-item prop="hobby">
					<el-checkbox-group v-model="form.hobby">
						<el-checkbox label="吃饭">吃饭</el-checkbox>
						<el-checkbox label="睡觉">睡觉</el-checkbox>
						<el-checkbox label="学习">学习</el-checkbox>
					</el-checkbox