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>