vue3在setup中如何将HTML标签的字符串声明称响应式对象

在Vue3中，可以使用`ref`或`reactive`函数将HTML标签的字符串声明为响应式对象。但是，需要将HTML标签字符串转换为DOM元素，可以使用`document.createElement`方法创建DOM元素，然后再将其声明为响应式对象。

以下是一个示例代码：

import { ref } from 'vue'

export default {
  setup() {
    const htmlString = '<div>Hello World</div>'
    const domElement = document.createElement('div')
    domElement.innerHTML = htmlString
    const reactiveElement = ref(domElement.firstChild)

    return {
      reactiveElement
    }
  }
}

在上面的代码中，我们首先声明了一个HTML标签字符串`htmlString`，然后使用`document.createElement`方法将其转换为DOM元素`domElement`。接着，使用`ref`函数将DOM元素的子元素（即`<div>Hello World</div>`）声明为响应式对象`reactiveElement`。

需要注意的是，将HTML标签字符串转换为DOM元素可能会引起XSS攻击，因此在实际使用中需要谨慎处理。