vue directive

vue指令,用來干啥,在組件上做一件事,全局注冊可復用。簡單的例子,input的自動聚焦事件啦。具體做法:

bind:運行一次,綁定就運行

inserted:這個input被綁定到父組件的時間調用,也就是app

后面的兩個是只要input改變了,就觸發,最后一個解綁才調用

參數:::

el ?: ?這個input的dom元素

binding: 一個對象,包含以下屬性:

name: 指令名,不包括v-前綴。

value: 指令的綁定值, 例如:v-my-directive="1 + 1", value 的值是2。

oldValue: 指令綁定的前一個值,僅在update和componentUpdated鉤子中可用。無論值是否改變都可用。

expression: 綁定值的字符串形式。 例如v-my-directive="1 + 1", expression 的值是"1 + 1"。

arg: 傳給指令的參數。例如v-my-directive:foo, arg 的值是"foo"。

modifiers: 一個包含修飾符的對象。 例如:v-my-directive.foo.bar, 修飾符對象 modifiers 的值是{ foo: true, bar: true }。

vnode: Vue 編譯生成的虛擬節點,查閱VNode API了解更多詳情。

oldVnode: 上一個虛擬節點,僅在update和componentUpdated鉤子中可用。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容