你写过自定义指令吗？使用场景有哪些？

Question

常见指令

v-for、v-if、v-show、v-model

什么时候用

抽离一些可以服用的 DOM 操作时，可以定义指令

如何定义

const focus = {
  mounted: (el) => el.focus()
}

export default {
  directives: {
    // enables v-focus in template
    focus
  }
}

常见的自定义

v-copy、v-longpress、v-debounce、v-throttle、v-lazy、v-permission、v-draggable

注意点

Vue 3 将指令的生命周期 与组件保持一致, 因此和 Vue 2中的 hook 名称有区别