<!-- unpkg -->
 <script src="https://unpkg.com/vee-validate@2.0.0-rc.7"></script>

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

 <script src="path/to/vue.js"></script>
 <script src="https://unpkg.com/vee-validate@2.0.0-rc.7"></script>
 <script>
 Vue.use(VeeValidate); // good to go.
 </script>

<div class="column is-12">
 <label class="label" for="email">Email</label>
 <p :class="{ 'control': true }">
 <input v-validate="'required|email'" :class="{'input': true, 'is-danger': errors.has('email') }" name="email" type="text" placeholder="Email">
 <span v-show="errors.has('email')" class="help is-danger"></span>
 </p>
</div>

var dict = {
 zh_CN: {
 messages: {
 required: function(field){
 return '請(qǐng)輸入' + field ;
 },
 confirmed: function(field) {
 return '兩次輸入的密碼不一致';
 }
 },
 attributes: {
 OldPassword: '舊密碼',
 NewPassword: '新密碼',
 ConfirmNewPassword: '確認(rèn)密碼',
 }
 }
};
VeeValidate.Validator.localize('zh_CN', dict.zh_CN);
Vue.use(VeeValidate);
var app = new Vue({
// 省略
});

errors.first(‘field') 顯示字段field的第一個(gè)出錯(cuò)信息
errors.collect(‘field') 顯示字段field的所有出錯(cuò)信息
errors.has(‘field') 判斷fileds字段是否檢驗(yàn)有誤
erros.all() 顯示所有的出錯(cuò)信息
errors.any() 判斷是否有錯(cuò)誤

this.$validator.validate(‘field'); 校驗(yàn)單個(gè)字段
this.$validator.validateAll(); 表單整體校驗(yàn)

 this.$validator.validateAll().then(function(result) {
  if (result) {
  //成功操作
  } else {
  // 失敗操作
  }
 })