Vue基础系列--Vue创建组件方法三

    <div id="app">
        <my-com3></my-com3>
    </div>
    <template id="tmpl">
        <div>
          <h1>第三种创建vue组件的方法--在被控制的#app外，使用template元素，定义组件的html模版结构</h1>
          <p>无论是用哪种方法创建出来的组件，组件的template属性指向的模版内容必须有且只有一个根元素</p>
        </div>
    </template>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script>
      Vue.component('myCom3',{
        template: '#tmpl'
      })
      //创建vue实例
       var vm = new Vue({
         el: '#app',
         data:{},
         methods:{}
       })
    </script>