Custom Directives, 플러그인

Custom Directives

v-model, v-if등 기본 외의 사용자가 직접 디렉티브를 정해서 사용할 수 있는 것을 뜻한다.

CustomDirective.vue

<template>
  <div>
    <input type="text" v-focus />
  </div>
</template>
<script>
export default {
  directives: {
    focus: {
      mounted(el) {
        el.focus();
      }, //마운트 되는 순간 focus 이벤트가 실행된다.
    },
  },
};
</script>

마운트 되는 순간 focus 이벤트가 발생하게 된다.