码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-07 12:49:07      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:new   javascrip   ext   component   rip   ons   style   xtend   div   

<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>
            `,   components:{
            my-pnc1:cpnc1
          },//局部注册
        })
     
    
       const app=new Vue({
           el:‘#app‘,
          components:{
            my-pnc2:cpnc2
          },//局部注册
           data:{
               msg:‘我饿哦我去 ‘
           }
       })
    </script>

 

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

标签:new   javascrip   ext   component   rip   ons   style   xtend   div   

原文地址:https://www.cnblogs.com/cqqinjie/p/13259880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!