Vuejs2.0學習筆記-自定義指令

1、自定義全局指令

• 處理vue提供的默認指令v-model等，容許用戶自定義指令，解決什麼問題？對底層DOM進行操做。

• 事例：自定義全局指令v-focus，並將指令綁定到DOM上，在DOM上的加載時，觸發自定義全局指令bind,inserted, update, componentUpdated, unbind等操做。

2、自定義局部指令

• 註冊局部指令，在組件中接受一個directives選項：

3、鉤子函數與參數 指令定義函數提供了幾個鉤子函數：

• bind
• inserted
• update
• componentedUpdated
• unbind

鉤子函數參數

• el：指令綁定的DOM元素，能夠直接操做DOM
• binding：一個對象
  • name : 指令名
  • value: 指令的綁定值