vue 中鉤子 是怎樣的一個概念?

最近看vue文檔 總提到鉤子 比1觸發ready 鉤子 是指函數?

其實是翻譯造成的問題，原名是「hook」（不負責任的直譯為「鉤子」而已），它是一種事件劫持機制，也就是說它會比你的事件更早進行執行處理。

你可以簡單地把它理解為vue的內置事件，但是這個內置事件是由你去配置的。

典型的「hook」如：

其中的created事件就是一個「hook」，執行後的效果是這樣的：

沒毛病。屠夫就是用鉤子的- -劫持機制 哈哈哈

Hooking - Wikipedia上是這樣解釋的：

In computer programming, the term hooking covers a range of techniques used to alter or augment the behavior of an operating system, of applications, or of other software components by intercepting function calls or messages or events passed between software components. Code that handles such intercepted function calls, events or messages is called a hook.

最後一句翻譯過來就是：用來處理比如「被攔截的函數調用、事件、消息」的代碼都叫鉤子。

先說自定義指令。『除了核心功能默認內置的指令 (v-model 和 v-show)，Vue 也允許註冊自定義指令』。來自Vue官網。因為有時候，需要操作底層DOM。所以需要自定義指令。

首選註冊自定義指令Vue.directive，一個指令定義對象可以提供如下幾個鉤子函數：

所謂鉤子 ， 就是魚鉤 ，等待魚咬鉤，即被動的意思。inserted (el，binding) el為當前操作的元素，binding 接受綁定的當前元素。inserted函數只有在第一次插入DOM節點才會觸發。update(el,binding) 修改時，不斷更新。 upbind(el,binding) 清除定時器的作用。

這些內容在官網的「自定義指令」章節都有描述。我只是自我概括了一下~~ 喜歡請點贊，蟹蟹