在Vue中，指令是一種特殊的特性，用于將行內操作綁定到DOM元素上。其中，滾動指令是一種比較有用的指令，常用于需要監聽頁面滾動事件時。當我們需要監聽頁面滾動的時候，我們通常會用到scroll事件，而滾動指令就是為了簡化scroll事件的使用。在Vue中，我們可以使用v-scroll指令來快捷地綁定滾動事件，并且還可以加入節流功能。

節流是一種常見的優化技術，用于限制一些高頻率的操作，使其在一定時間內只會執行一次。在Vue中，我們可以使用throttle函數來實現節流。下面是一個基本的throttle實現:

function throttle(fn, delay) {
let timer = null;
return function() {
const ctx = this;
const args = arguments;
if(!timer) {
timer = setTimeout(() => {
fn.apply(ctx, args);
timer = null;
}, delay);
}
};
}

上面的代碼中，throttle函數接受兩個參數：要執行的函數fn和延遲時間delay。它返回一個新函數，用于限制執行fn的頻率。當這個新函數被觸發時，它會根據delay參數來限制fn的執行頻率。

下面是一個使用了throttle函數的v-scroll指令的例子：

Vue.directive('scroll', {
inserted(el, binding) {
const fn = binding.value;
const delay = parseInt(binding.arg) || 200;
const throttleFn = throttle(fn, delay);
el._scrollHandler = function() {
throttleFn();
};
window.addEventListener('scroll', el._scrollHandler);
},
unbind(el) {
window.removeEventListener('scroll', el._scrollHandler);
}
});

上面的代碼中，我們定義了一個v-scroll指令，并使用了throttle函數來限制它的執行頻率。在inserted鉤子函數中，我們獲取了指令的參數delay，并將throttleFn作為滾動事件的處理函數掛載到el._scrollHandler屬性上。在unbind鉤子函數中，則需要將滾動事件的處理函數從window對象上移除。

最后，我們在模板中可以這樣使用v-scroll指令：

<div v-scroll:300ms="onScroll"></div>

上面的代碼中，我們在div元素上綁定了v-scroll指令，并將函數onScroll作為它的值傳入。我們還在指令中設置了一個參數300ms，用于限制onScroll函數的執行頻率。

通過使用v-scroll指令和throttle函數，我們可以快捷地監聽滾動事件，并在事件頻繁觸發時限制函數的執行頻率。這不僅可以優化應用的性能，還可以避免一些不必要的問題。