先引入js文件 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
然后给页面输入框添加属性
给按钮添加方法
新建vue对象，data里面的属性值对应v-model的值，el对应form表单或外层div的id
methods下对应的是各种按钮及方法，this_data代表data下对应的属性值，data下的属性值最好与实体类名一致，vue会自动绑定名称一致的属性值，
介绍一下这个@blur事件:是当元素失去焦点时所触发的事件
首先我们先定义好全局正则及全局错误提示
然后在methods下写这个失去焦点方法，拿到正则，与值匹配，如果为false，就把输入框内的值清空，并提示对应的错误提示
如果是选择框，同样加v-model，至于@change是点击改变的事件是联动的选择框,v-for是迭代遍历用的
同样先新建vue对象，把用到的所有属性都添加到data
初始化选择框集合，并默认选择第一个，并调用联动的另一个方法
至于回显就更简单了，直接调用修改页面的vue对象.它的属性=对应的数据就可以了
自己记录一下