vue3 ts 创建document.createElement

在 Vue 3 中，如果你想创建一个 HTML 元素并使用 TypeScript 进行类型安全的操作，你可以使用 `document.createElement` 方法配合 TypeScript 的类型注解。首先，你需要导入 `document` 对象，然后像下面这样操作：

import { ref } from 'vue';
import document from 'global/document';

// 定义元素类型
type HTMLElementType = HTMLElement | DocumentFragment;

function createElement(elementName: string): HTMLElementType {
  const element: HTMLElement = document.createElement(elementName);
  // 如果需要添加属性，可以这样做，例如添加一个 string 类型的属性
  // element.setAttribute('yourAttribute', 'stringValue') as any;
  
  return element;
}

// 使用示例
const myElement = ref(createElement('div'));

在这个例子中，`createElement` 函数接受一个字符串类型的参数 `elementName`，返回一个 `HTMLElement` 或者 `DocumentFragment` 类型的引用，这取决于实际需求。当你在模板中使用这个 `myElement` 变量时，Vue 将自动处理它的更新。