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',
           components：{
            my-pnc:cpnc
          }，//局部注册
           data:{
               msg:'我饿哦我去 '
           }
       })
    </script>

 

posted @ 2020-07-07 11:18  学做flutter的小菜鸡  阅读(156)  评论(0)  编辑  收藏  举报