之前我們了解了vue.js核心指令v-bind妹窖,v-on等 缚柏。Vue也可以自定義指令砾肺,在Vue2.0里面,代碼復(fù)用的主要形式和抽象是組件——然而翩蘸,有的情況下,你仍然需要對(duì)純DOM元素進(jìn)行底層操作,這時(shí)候就會(huì)用到自定義指令填硕。
1.全局指令
下面我們注冊(cè)一個(gè)全局指令v-focus,該指令的功能就是實(shí)現(xiàn)在頁(yè)面加載的時(shí)候鹿鳖,元素獲取焦點(diǎn)。
代碼如下:
運(yùn)行結(jié)果為文本框默認(rèn)是選中的壮莹,效果如下圖所示:
2.局部指令
我們也可以在實(shí)例中使用directives選項(xiàng)來(lái)注冊(cè)局部指令翅帜。這樣的指令就只能在這個(gè)實(shí)例中使用。
代碼如下: