在 Vue 中是否可以使用自定义指令或渲染函数以编程方式通过转换包装元素或组件？

Question

为了使我和我的设计师的代码更加简单/干净，我希望能够执行如下操作。是否有可能 - 使用自定义指令或渲染函数通过简单的属性来实现此功能？

这确实有助于将动画与结构和功能分开，我认为这在很多情况下都会有所帮助。我认为渲染函数可以轻松地用其他 HTML 元素包装一个元素，但是它们可以用自定义 Vue 转换来包装元素（或组件）吗？

这个：

<template>
        <my-component custom-transition></mycomponent>
</template>

变成这样：

<template>
    <custom-transition>
        <my-component></mycomponent>
    </custom-transition>
</template>

或者也许可以在 Github 上提出它？

谢谢！

Answer 1

Vue 论坛成员在此线程中使用动态组件为我提供了一个很好的解决方案。快乐！

Answer 2

我目前的解决方案实际上是使用自定义指令。它不使用 Vue 转换，而是从

el.style

钩子内操作 DOM

mounted

属性。