一個簡單的自定義組件如下：

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

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

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