Vue中directive校驗是一個非常有用的功能，它可以幫助我們在Vue模板中實現數據驗證的功能。下面，我們就來了解一下directive校驗是如何工作的。

首先，我們需要定義一個全局的Vue校驗器。Vue校驗器使用了一個叫做Vue.validator的插件，該插件可以在Vue.prototype中添加一個$validator方法。我們可以使用該方法來定義各種校驗規則。

Vue.validator('phone', function(val) {
var reg = /^1[3456789]\d{9}$/;
return reg.test(val);
});
Vue.validator('email', function(val) {
var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
return reg.test(val);
});

上面的代碼定義了兩個校驗規則：一個是phone校驗規則，它可以驗證是否為手機號碼；另一個是email校驗規則，它可以驗證是否為電子郵箱地址。

定義好校驗規則后，我們就可以在Vue模板中使用這些規則了。我們可以使用v-validate指令來定義需要校驗的表單元素，并通過它的參數來指定需要進行的校驗規則。

上面的代碼定義了兩個表單元素：一個是phone輸入框，它要使用phone校驗規則；另一個是email輸入框，它要使用email校驗規則。

當用戶輸入完成后，我們可以對表單進行校驗。我們可以使用$validator.validateAll方法來對整個表單進行校驗，并且可以得到校驗結果。

var result = vm.$validator.validateAll();
if(!result) {
alert('表單校驗不通過！');
}

上面的代碼會得到校驗結果，并且會彈出一個提示框。如果表單校驗通過，則不會有任何反應。

總之，Vue directive校驗是一個非常實用的功能，它可以幫助我們快速實現數據驗證的功能。通過上面的介紹，相信大家已經掌握了Vue directive校驗的使用方法。