Vue2如何動(dòng)態(tài)新增自定義組件，點(diǎn)擊body的某個(gè)地方就新增一個(gè)組件？

一個(gè)簡(jiǎn)單的自定義組件如下：

<template>
   <div>
       Test
   </div>
</template>
<script>

export default {
};
</script>
<style lang="scss" scoped>
   div{
       width:100px;
       background:red;
   }
</style>

比如我現(xiàn)在想點(diǎn)擊頁(yè)面的某個(gè)地方，就在這個(gè)鼠標(biāo)點(diǎn)擊的這個(gè)地方新增一個(gè)組件，怎么實(shí)現(xiàn)？