为什么vue component 的模版无法显示出来呢？

Question

在写vue component的时候遇到一个问题，就是模版没法显示，还没有报错～～～试过很多办法依然显示不出来，崩溃了，来这边求助各位前辈！十分感谢！

<div id="app">
    {{a}}   //这里能显示1
  </div>
  <template id="aaa">
   <h3 @click="show()">{{msg}}</h3> //这部分无法显示
  </template>

const vm = new Vue({
        el: '#app',
        data: {
          a: 1
        },
        components: {
          //组件名
          'my-aaa': {
            data() {
              return {
                msg: 'welcome'
              }
            },
            methods: {
              show() {
                this.msg = 'woof'
              }
            },
            template: '#aaa'
          },
        }
      })

Answer 1

<div id="app">
{{a}}   //这里能显示1
<my-aaa />
</div>
<template id="aaa">
<h3 @click="show()">{{msg}}</h3> //这部分无法显示
</template>

你定义了组件，但是并没有在 vm 的节点上引用。所以就没显示出来