創(chuàng)建一個自定義指令通過:Vue.directive()這個方法來實現(xiàn)
在使用自定義指令時 我們只需要用? ? v-指令名,在這里我們創(chuàng)建了一個自定義指令叫xixi废膘,所以就是? ?v-xixi? ?表示我們使用了這個自定義指令
Vue.directive('指令名'有额,配置項)般又,在上面我們使用的是inserted這個配置項,inserted是被指令綁定的元素 巍佑,插入到真實dom時會自動執(zhí)行茴迁。
inserted接收兩個參數(shù)
我們來打印一下這兩個參數(shù)
可以看到? el 就是我們被綁定的元素 參數(shù)二就是自定義指令對象,里面存放這我們的指令名 xixi 以及 value 王一句狼。也就是說:我們通過Vue.directive這個方法笋熬,創(chuàng)建了一個名叫xixi的自定義指令,當(dāng)我們把這個自定義指令綁定到一個元素上的時候腻菇,當(dāng)這個元素從虛擬dom變成了真實dom胳螟,就會執(zhí)行inserted這個方法,當(dāng)執(zhí)行這個方法時筹吐,el就會執(zhí)行原生js里面的focus()這個方法進(jìn)行聚焦糖耸。