$validator是一個用于Vue.js的驗證庫，它可以輕松地實現(xiàn)表單驗證的功能。

在Vue.js項目中使用$validator非常簡單，只需要在組件的mounted方法中引入validator，并在data中聲明需要驗證的參數(shù)和規(guī)則即可。

import { Validator } from 'vee-validate';
export default {
data() {
return {
name: '',
age: '',
};
},
mounted() {
Validator.extend('positive', (value) =>{
return Number(value) >0;
});
this.$validator.extend('positive');
this.$validator.attach('name', 'required');
this.$validator.attach('age', 'required|positive');
},
}

以上代碼中，我們聲明了兩個需要驗證的參數(shù)name和age，分別需要符合required和positive規(guī)則。在mounted方法中，我們先使用Validator.extend方法添加了一個自定義的positive規(guī)則，然后將該規(guī)則添加到實例中并分別綁定到name和age參數(shù)上。

在模板中，我們可以使用$v屬性訪問當(dāng)前組件的$validator實例，來判斷驗證是否通過，并在對應(yīng)表單參數(shù)上綁定錯誤信息。

<div v-if="$v.name.$error">{'{'{{$v.name.required}'}'}</div>
<div v-if="$v.age.$error">{'{'{{$v.age.positive}'}'}</div>
<input type="text" v-model="name">
<input type="number" v-model.number="age">

以上代碼中，我們首先判斷name和age參數(shù)的驗證結(jié)果是否為錯誤狀態(tài)，并將對應(yīng)的錯誤信息輸出到模板上。接著，我們通過v-model指令將輸入框和data中的參數(shù)進(jìn)行雙向綁定，綁定類型為text和number。

使用$validator為Vue表單添加驗證功能非常簡單，它能夠幫助我們快速實現(xiàn)復(fù)雜的驗證規(guī)則，并帶來更好的用戶體驗。