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;
}