Vue的input rules是一個非常重要的功能，它可以幫助我們定義輸入框的一些規則，使得用戶只能輸入符合規則的內容。

舉一個例子，比如說我們想讓用戶只能輸入數字，那么我們可以定義一個規則：

Vue.directive('number-only', {
bind: function (el) {
el.addEventListener('input', function () {
this.value = this.value.replace(/[^0-9]/g, '');
});
}
});

這段代碼定義了一個叫做number-only的指令，它綁定到一個元素上，當這個元素輸入時，只允許輸入數字。

我們可以把這個指令應用到一個輸入框上：

<input v-number-only>

這樣就可以限制用戶只能輸入數字了。

除了數字以外，我們還可以定義其它的規則，比如只允許輸入字母、限制輸入的長度等等。使用Vue的input rules，我們可以輕松地實現這些功能。