Vue学习记录--父组件和子组件的区分 

<body>
        <div id="app">
             <my-pnc2></my-pnc2>
        </div>
    </body>
    <script type="text/javascript">
        //1.子组件
        const cpnc1=Vue.extend({
            template:`
               <h3>你好Vue1</h3>
            `
        })
        //父组件
        const cpnc2=Vue.extend({
            template:`
               <h3>你好Vue2</h3>
               <cpnc1></cpnc1>
            `，   components：{
            my-pnc1:cpnc1
          }，//局部注册
        })
     
    
       const app=new Vue({
           el:'#app',
          components：{
            my-pnc2:cpnc2
          }，//局部注册
           data:{
               msg:'我饿哦我去 '
           }
       })
    </script>

 

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