组件的代码没有用vitejs/app成功实现

https://mp.weixin.qq.com/s?src=11&timestamp=1617861537&ver=2995&signature=Zas3obJnZoKhvGh3SDGXICbWdPHTSnqLayOGXFVxVH1ejpJSy3a1dSkfcbHMKnxQ2zBqW6YYhFtuiJ8u3ZJ2c5sWr5WQ2cI9d2R4SVHb8xMRgqMKsEwx3tJLRWI9ip&new=1

TemplateM.vue =App.vue吗？

<template>
  <div class="template-m-wrap">
    <test-com
      title="这个是组件"
      data-status="active"
      @click-event="clickEvent"
    ></test-com>
  </div>
</template>
<script>
import TestCom from "./TestCom";
export default {
  name: "TemplateM",
  components: {
    TestCom,
  },
  data() {
    return {};
  },
  methods: {
    clickEvent(e) {
      console.log("e===>", e.target)
    }
  },
};
</script>

TestCom.vue= 是组件vue吗？

<template>
  <div class="template-m-wrap">
    <test-com
      title="这个是组件"
      data-status="active"
      @click-event="clickEvent"
    ></test-com>
  </div>
</template>
<script>
import TestCom from "./TestCom";
export default {
  name: "TemplateM",
  components: {
    TestCom,
  },
  data() {
    return {};
  },
  methods: {
    clickEvent(e) {
      console.log("e===>", e.target)
    }
  },
};
</script>

main.js
是

import { createApp } from 'vue'
import TemplateM from "./TemplateM"

createApp(TemplateM).mount('#templatem')

吗