vue中真实DOM怎么绑定事件?

Question

使用形式大概这样

const templete = `<div onclick='${fn}'>${content}</div>`

然后要把这个字符串渲染到dom上

Answer 1

试试用createVNode，如下

import { defineComponent, createVNode } from 'vue';
const temp = defineComponent({
  render() {
    return createVNode('div', {onClick: fn},[content])
  }
})

trmplate 中使用

<div>
    <temp/>
</div>

如果觉得写法太难看，可以用 jsx形式