记录初次使用vue

先引入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对象.它的属性=对应的数据就可以了

自己记录一下