Day3.9组件定义方式二

 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>
原文地址:https://www.cnblogs.com/zhaohui-116/p/12057306.html