vue获取dom元素添加子元素

在 Vue 中获取 DOM 元素的常用方式是使用 `ref` 属性。在模板中，可以给元素添加一个 `ref` 属性，然后在 Vue 实例中通过 `$refs` 属性访问该元素。

例如，可以在模板中添加一个 `div` 元素并给其添加一个 `ref` 属性：

<template>
  <div ref="container"></div>
</template>

然后在 Vue 实例中，可以通过 `$refs` 访问该元素并添加子元素：

export default {
  mounted() {
    const container = this.$refs.container;
    const child = document.createElement('div');
    child.textContent = 'Hello, World!';
    container.appendChild(child);
  }
}

这样就可以在 `container` 元素中添加一个文本内容为 "Hello, World!" 的 `div` 子元素。