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鉤子中可用。