除了默認(rèn)設(shè)置的核心指令( v-model 和 v-show )，Vue 也允許注冊自定義指令。本篇文章給大家分享四個(gè)實(shí)用的vue自定義指令，希望對大家有所幫助。

四個(gè)實(shí)用的vue自定義指令

1、v-drag

需求：鼠標(biāo)拖動(dòng)元素

思路：

• 元素偏移量 = 鼠標(biāo)滑動(dòng)后的坐標(biāo) – 鼠標(biāo)初始點(diǎn)擊元素時(shí)的坐標(biāo) + 初始點(diǎn)擊時(shí)元素距離可視區(qū)域的top、left。
• 將可視區(qū)域作為邊界，限制在可視區(qū)域里面拖拽?！?br />