Vue.js app.directive()用法及代碼示例

interface App {
  directive(name: string): Directive | undefined
  directive(name: string, directive: Directive): this
}

import { createApp } from 'vue'

const app = createApp({
  /* ... */
})

// register (object directive)
app.directive('my-directive', {
  /* custom directive hooks */
})

// register (function directive shorthand)
app.directive('my-directive', () => {
  /* ... */
})

// retrieve a registered directive
const myDirective = app.directive('my-directive')