Javascript 获取对Vue子元素的引用

我有一个Vue.js组件，其中的模板如下所示：

<template>
  <div>
    <div class="map" />
    <div class="something-else" />
  </div>
</template>

在

部分中，我想获得一个类为

map

的元素的引用。我知道您可以使用

this.$el

引用最外层的元素，但我如何选择它的子元素之一？我不希望使用CSS类作为选择器，因为这个组件可能有许多实例都具有相同的类

---

我的用例是我需要将DOM元素传递到for传单，一个映射库。

我对传单一无所知，但您可能会使用

<template>
  <div>
    <div class="map" ref="map" />
    <div class="something-else" />
  </div>
</template>

mounted(){
    new Leaflet(this.$refs.map)
}