自定義指令是用來操作DOM的。儘管Vue推崇資料驅動檢視的理念，但並非所有情況都適合資料驅動。自定義指令就是一種有效的補充和擴充套件，不僅可用於定義任何的DOM操作，並且是可複用的。

比如谷歌圖片的載入做得非常優雅，在圖片未完成載入前，用隨機的背景色佔位，圖片載入完成後才直接渲染出來。用自定義指令可以非常方便的實現這個功能。

自定義指令的第二用處是用於整合第三方外掛。我們知道任何軟體開發領域都可以分為四層：底層是原生的API，上層是通用框架，再上層是通用元件，最上層才是具體的業務程式碼。一個通用框架，必須搭配一套完整的通用元件，才能真正奠定其江湖地位。

在前端開發領域，以前的通用框架是jQuery，jQuery以及基於jQuery構建的通用元件形成了一個龐大的生產系統。現在的通用框架是Angular、React和Vue，每個框架都需要基於自身構建新的元件庫。自定義指令好就好在：原先的那些通用元件，無論是純js的也好，基於jQuery的也好，都可以拿來主義直接吸收，而不需要改造或重構。

比如寫文件通常會用到highlight.js，我們可以直接將其封裝為一個自定義指令，這樣highlight.js就變成了Vue的一個新功能。

但凡遇到第三方外掛如何與Vue.js整合的問題，都可以嘗試用自定義指令實現。