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>

 

posted @ 2020-07-05 22:24  学做flutter的小菜鸡  阅读(213)  评论(0)  编辑  收藏  举报