vue之自定義指令

1、自定義指令的作用

除了核心功能缺省內置的指令 (v-model和v-show)，vue 也允許註冊自定義指令。注意，在 vue2.0 中，**復用和抽象的主要形式是元件。然而，有的情況下，你仍然需要對普通 dom 元素進行底層操作，這時候就會用到自定義指令。

參考文件：

2、註冊自定義指令

（1）註冊全域性自定義指令

vue.directive("指令名稱", 
});

（2）註冊區域性指令

directives:
}}

注意：（3）使用自定義指令

3、案例演示

當頁面載入時，該元素將獲得焦點 (注意：autofocus在移動版 safari 上不工作)。事實上，只要你在開啟這個頁面後還沒點選過任何內容，這個輸入框就應當還是處於聚焦狀態。現在讓我們用指令來實現這個功能：

（1）全域性指令實現

4、鉤子函式

在上面使用了鉤子函式inserted，實際上還有其它常用的鉤子函式：

bind：只呼叫一次，指令第一次繫結到元素時呼叫。在這裡可以進行一次性的初始化設定。

inserted：被繫結元素插入父節點時呼叫 (僅保證父節點存在，但不一定已被插入文件中)。

update：所在元件的 vnode 更新時呼叫，但是可能發生在其子 vnode 更新之前。指令的值可能發生了改變，也可能沒有。但是你可以通過比較更新前後的值來忽略不必要的模板更新。

常用鉤子函式的引數：

例項：vue.directive("get-values", ,

inserted:

function

(el, binding)

});