vue - 框架推荐

用了几年 vue，还是比较推荐 element-ui，除了对表单部分不大满意，整体上体验还可以。

不满足的部分，可以参考 bootstrap，不推荐直接导入 bootstrap，但是有很多组件可以借鉴，

element-ui 自带的，自己再扩展一些，基本满足大部分开发需求了。

el-form

对于下面这个代码，直接搜索关键字 “age”，在代码中重复出现 3 次，这是我难以忍受的。

尽管 用着不爽，但是如果尝试自己实现，最后会得出跟 类似的答案，并不会好太多。

自己写表单产生的问题：

表单存在一定的生命周期：渲染主体布局 -> 渲染输入框 -> 初始化数据 -> 初始化数据联动；
而 vue 组件渲染，很多都是异步的，顺序控制得不好，数据联动的时候，就很容易产生冲突。

<el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-ruleForm">
    <el-form-item label="年龄" prop="age">
        <el-input v-model.number="numberValidateForm.age" autocomplete="off"></el-input>
    </el-form-item>
</el-form>
<script>
export default {
	data() {
		return {
			numberValidateForm: {
				age: ''
			}
		};
	}
}
</script>