Vue是目前互聯網上最受歡迎的JavaScript框架之一，它提供了方便的數據綁定與組件化開發，極大地提高了開發效率和代碼復用率。在Vue中，自定義指令是一種非常方便的擴展方式，可以方便地對DOM元素進行操作。

自定義指令通過Vue.directive()方法來定義，它接受兩個參數，第一個參數是指令名，第二個參數是一個對象，包含了指令的各種配置。其中，最常用的配置項是bind、update和unbind。bind函數在指令綁定到元素時調用，可以用來初始化一些狀態。update函數在元素的綁定值發生變化時調用，可以用來更新DOM。unbind函數在指令與元素解綁時調用，可以用來做一些清理工作。

Vue.directive('my-directive', {
bind(el, binding, vnode) {
// 在綁定時初始化
},
update(el, binding, vnode) {
// 在值改變時更新
},
unbind(el, binding, vnode) {
// 在解綁時做一些清理工作
}
});
<div v-my-directive="value"></div>

除了以上三個配置項，自定義指令還可以設置其它配置項，例如inserted、componentUpdate等等。inserted函數在元素插入到父節點時調用，componentUpdate函數在組件的 VNode 更新時調用。

自定義指令還有一個重要的用途，就是進行DOM操作。例如，我們可以定義一個v-focus指令來讓一個輸入框自動獲取焦點：

Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
<input v-focus />

上面的代碼中，我們設置了一個inserted配置項，并在其中調用 input 元素的 focus() 方法，使其自動獲取焦點。