如何在 vue 3 中注册自定义指令<脚本设置>

Question

我在文档中找不到这个。只有关于在app上注册为全局的信息

是否可以在<script setup>中注册自定义作用域指令?

如果我使用常规脚本，我有这样的内容:

<script>
import { defineComponent } from 'vue'
import { customDirective } from './customDirective';
export default defineComponent({
directives: { customDirective }
})
</script>

现在与<script setup>:

<script setup>
// how to register this
import { customDirective } from './customDirective';
</script>

如果我不这样做，我在控制台得到错误

Failed to resolve directive

感谢您的帮助

Answer 1

您需要使用v前缀来解析。

<script setup>
import { customDirective as vCustomDirective } from './customDirective';
</script>

查看文档