Vue.js是一款開源的JavaScript框架，它可以將視圖層和數據層分離，同時還有更高效的組件化思想。在Vue.js中，從表單輸入中獲取數據是非常重要的功能。因此，Vue.js為我們提供了一種現成的機制：表單校驗。

在Vue.js中，表單校驗通常使用Vue的內置校驗器 —— VeeValidate。在VeeValidate中，可以使用多種規則來校驗數據。例如：required、max、email、phone等等。如下所示：

import VeeValidate from 'vee-validate';
Vue.use(VeeValidate);
exported default {
date() {
return {
user: {
name: '',
email: '',
phone: ''
}
}
}
}

在這里，我們使用了VeeValidate，并且定義了一個空的user對象來存儲用戶的輸入。接下來，我們來添加一些驗證規則：

這里我們分別對輸入框進行了校驗。第一個輸入框表示姓名必填，第二個輸入框表示郵箱必填且必須是email格式，第三個輸入框表示電話必填且長度在11到15個字符之間。

接下來，在我們表單提交前，需要進行校驗操作。我們在methods中添加一個submit方法來校驗用戶數據：

methods: {
submit () {
this.$validator.validateAll().then((result) =>{
if (result) {
console.log('通過')
} else {
console.log('不通過')
}
}
}

在這里，我們使用“validateAll()”驗證所有輸入框。這樣做的好處是，如果有任何一個輸入框未通過校驗，我們可以在控制臺上打印出對應的錯誤信息。

最后，我們在提交按鈕上添加 “@click="submit"”，即可在點擊按鈕時觸發校驗操作。

總之，在Vue.js中，使用VeeValidate表單校驗非常簡單。只需要一些簡單的代碼即可完成表單校驗的操作。如果您想了解更多關于Vue表單校驗的知識，請查看Vue.js官方文檔。