vue指令,用來(lái)干啥勉躺,在組件上做一件事癌瘾,全局注冊(cè)可復(fù)用。簡(jiǎn)單的例子饵溅,input的自動(dòng)聚焦事件啦妨退。具體做法:
bind:運(yùn)行一次,綁定就運(yùn)行
inserted:這個(gè)input被綁定到父組件的時(shí)間調(diào)用蜕企,也就是app
后面的兩個(gè)是只要input改變了咬荷,就觸發(fā),最后一個(gè)解綁才調(diào)用
參數(shù):::
el ?: ?這個(gè)input的dom元素
binding: 一個(gè)對(duì)象轻掩,包含以下屬性:
name: 指令名幸乒,不包括v-前綴。
value: 指令的綁定值唇牧, 例如:v-my-directive="1 + 1", value 的值是2罕扎。
oldValue: 指令綁定的前一個(gè)值聚唐,僅在update和componentUpdated鉤子中可用。無(wú)論值是否改變都可用腔召。
expression: 綁定值的字符串形式杆查。 例如v-my-directive="1 + 1", expression 的值是"1 + 1"臀蛛。
arg: 傳給指令的參數(shù)亲桦。例如v-my-directive:foo, arg 的值是"foo"浊仆。
modifiers: 一個(gè)包含修飾符的對(duì)象客峭。 例如:v-my-directive.foo.bar, 修飾符對(duì)象 modifiers 的值是{ foo: true, bar: true }。
vnode: Vue 編譯生成的虛擬節(jié)點(diǎn)抡柿,查閱VNode API了解更多詳情舔琅。
oldVnode: 上一個(gè)虛擬節(jié)點(diǎn),僅在update和componentUpdated鉤子中可用洲劣。