Why can't the template of vue component be displayed?

in writing vue component encountered a problem, that is, the template can not be displayed, has not reported an error ~ tried a lot of ways still can not show, collapse, come here to help seniors! Thank you very much!

<div id="app">
    {{a}}   //1
  </div>
  <template id="aaa">
   <h3 @click="show()">{{msg}}</h3> //
  </template>
const vm = new Vue({
        el: "-sharpapp",
        data: {
          a: 1
        },
        components: {
          //
          "my-aaa": {
            data() {
              return {
                msg: "welcome"
              }
            },
            methods: {
              show() {
                this.msg = "woof"
              }
            },
            template: "-sharpaaa"
          },
        }
      })
Mar.04,2021

{{msg}}</h3> //
</template>

you defined the component, but did not reference it on the node of the vm. So it didn't show up

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3f8fa-2bcee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3f8fa-2bcee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?