Vue中表单组件的实现（模拟elementUI）

强调vue语法createElement函数就是Vue.js中的createElement函数，用于生成HTMLDOM元素。这个函数的作用是生成一个VNode节点，render函数拿到这个VNode节点后，返回到Vue.js的mount函数，将其渲染成一个真正的DOM节点，挂载到根节点上。Vue的$mount()是手动挂载，可以用于项目中的延迟挂载（比如挂载前的一些其他操作、判断等），然后手动挂载。newVue时，el和$mount没有本质区别。this.$destroy()内部销毁组件async-validator是一个用于表单异步验证的第三方库//基本用法varschema=require('async-validator');//引用组件vardescriptor={name:{type:"string",required:true,validator:(rule,value)=>value==='muji',}};//定义一个描述符varvalidator=newschema(descriptor);//将描述符分配给模式，创建验证器validator.validate({name:"muji"},(errors,fields)=>{if(errors){//验证失败，错误是所有错误的数组//字段是一个以字段名称为键的对象，每个字段的错误数组//returnhandleErrors(errors,fields);}//验证通过});//参数1：要验证的对象，参数2：回调函数v-mod是实现自定义的语法糖需要指定组件的双重绑定：可以指定value和@input**需要考虑的问题1Inputis一个自定义组件，它是如何实现双向绑定的2formItem是如何知道进行校验的，又是如何知道input的状态的？它如何获取对应的数据模型3.表单如何进行全局校验？它通过什么方式将数据模型和验证规则传递给内部组件？**index.vueFormFormItem