veevalidate简单验证验证

第一步：

cnpm i vee-validate -S

import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);

第二步：
errors.has('cnm')
意思是：错误是否成立？若是不成立name的cnm返回false保你平安
若是不知足，返回一个true。若是是真那么这个class.error就至关于
class="{error:true}"

<label :class="{error: errors.has('cnm')}">
   <input type="text" placeholder="请输入" name="cnm"  v-validate="{required:true, max:11, min:5}" />
</label>

第三步：

label.error {
    border: 1px solid #f11;
}