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>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/cqqinjie/p/13259880.html