vue2 自定义组件，如何获取组件内部书写的dom元素

在Vue 2中，自定义组件想要访问其内部创建的DOM元素，可以采用以下几种方式：

1. **ref**：你可以通过`ref`属性在模板上绑定一个变量，并在组件实例的`this`对象中访问这个DOM元素。例如：

<template>
  <div ref="myElement">这是我的DOM</div>
</template>

<script>
export default {
  mounted() {
    this.$refs.myElement // 就会得到对应的DOM元素引用
  }
}
</script>

2. **计算属性**：如果需要动态获取DOM元素，也可以将获取过程封装成计算属性，如使用`nextTick`等待DOM更新完成后再访问：

<template>
  <div>{{ getDomElement }}</div>
</template>

<script>
export default {
  data() {
    return { elementRef: null };
  },
  computed: {
    getDomElement() {
      return this.$nextTick(() => this.elementRef);
    }
  },
  mounted() {
    this.elementRef = this.$refs.myElement;
  }
}
</script>

3. **自定义事件**：当你需要在组件外部操作DOM时，可以使用自定义事件(`v-on`)触发回调函数，该回调可以在父组件中处理并操作DOM。

记住，在使用`ref`时，需要确保在生命周期钩子（如`mounted`）中及时设置`ref`指向的DOM元素。