Vue学习记录--组件开发(组件化的基本使用过程)

组件化的基本使用过程

<body>
        <div id="app">
             <my-pnc></my-pnc>
        </div>
    </body>
    <script type="text/javascript">
        //1.组件构造器 
        const cpnc=Vue.extend({
            template:`
               <h3>你好Vue</h3>
            `
        })
        //2.注册组件
        Vue.component('my-pnc',cpnc);
        
       const app=new Vue({
           el:'#app',
           data:{
               msg:'我饿哦我去 '
           }
       })
    </script>
原文地址:https://www.cnblogs.com/cqqinjie/p/13252216.html