vue 代码模板如何通过字符串去生成?

Question

<template>
    <div>
        用户自定义节点
        <slot name="custom"/>
    </div>
</template>

比如我在 input里面输入了一个 div 节点

<div slot="custom">自定义的输入</div>

vue 就渲染成

<template>
    <div>
        用户自定义节点
        <div slot="custom">自定义的输入</div>
    </div>
</template>

有没有实现的可能性~

Answer 1

如果你用的是vscode的话，可以试着用一下编辑器下的自定义用户代码片段

Answer 2

如果你说的是根据用户输入的数据动态渲染vue组件，那这个事情比较玄幻。
只能直接操作dom，并为其写上相应的事件

Answer 3

可以实现，无非v-html操作，但是如果这个input 是需要提交的，那就算了，容易造成xss攻击，非常不建议让用户输入html做动态渲染