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-com2></my-com2> 11 </div> 12 <script> 13 Vue.component('myCom2',{ 14 template:'<h1>直接使用 Vue.component 创建出来的组件</h1>' 15 }); 16 17 const vm = new Vue({ 18 el:'#app', 19 data:{ 20 }, 21 methods:{ 22 } 23 }) 24 </script> 25 </body> 26 </html>