【笔记】vue3.2 如何在＜script setup＞注册一个局部自定义指令

在vue3.x中，注册局部自定义的指令是在setup方法外面，directives下面便可自定义指令，那在vue3.2中的<script setup>标签该如何自定义指令呢？

其实，在vue3.2中，自定义指令变得更加的简单，直接上例子。

<script setup>
// 注册一个局部的自定义指令，需要以小写v开头
const vFocus = {
  mounted(el) {
    // 获取input，并调用其focus()方法
    el.querySelector('input').focus()
  }
}
</script>

<template>
  <input v-focus />
</template>

这样就完成了一个局部自定义指令。