Vue.js 3 运行时挂载组件实例

我正在try VUE-LEAFLE/VUE-LEAFLE，并试图创建许多<l-polyline> Inside <l-map>组件的实例.但我不知道如何做到这一点.

静态版本( map 附带绘制的折线):

<template>
  <l-map ref="map" v-model:zoom="zoom" :center="[47.41322, -1.219482]">
    <l-polyline
        :lat-lngs="[
        [47.334852, -1.509485],
        [47.342596, -1.328731],
        [47.241487, -1.190568],
        [47.234787, -1.358337],
      ]"
        color="green"
    />
  </l-map>
</template>

动态try (准备以编程方式添加多段线的函数，但不起作用):

<template>
  <l-map ref="map" v-model:zoom="zoom" :center="[47.41322, -1.219482]">
  </l-map>
</template>

<script lang="ts">
function someAction(){
let poly= createApp(LPolyline,{
  latLngs:[[47.334852, -1.509485],
    [47.342596, -1.328731],
    [47.241487, -1.190568],
    [47.234787, -1.358337]]
});
poly.mount(this);

}

</script>

为了清楚起见，我需要一个函数来在运行时将LPolyline个组件插入/附加到LMap组件中，如果可能的话，最初不应该在LMap组件中声明它.

我刚开始使用Vue.js，如果我犯了一个明显的错误，很抱歉.谢谢你的理解.