Day3.10组件定义方式三

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>组件定义方式二</title>
 6     <script src="../lib/js/vue.js"></script>
 7 </head>
 8 <body>
 9 <div id="app">
10     <my-com3></my-com3>
11 </div>
12 
13 <template id="tem">
14     <div>
15         <h1>通过 template 元素，在外部定义的组件结构</h1>
16     </div>
17 </template>
18 <script>
19     Vue.component('myCom3',{
20         template:'#tem'
21     });
22 
23     const vm = new Vue({
24         el:'#app',
25         data:{
26         },
27         methods:{
28         }
29     })
30 </script>
31 </body>
32 </html>