学习笔记(18):Vue2.x从入门到实战-Component 父子组件关系

立即学习:https://edu.csdn.net/course/play/6823/135328?utm_source=blogtoedu

Component父子组件

先声明一个对象，对象就是组件的内容

var popComonent={
        template:`<p>我是pop父组件</p>`
                 
    }

声明好的对象在Vue构造器中引用

components:{
            "pop":popComonent
        }

在HTML中引用

<pop></pop>

我们再写一个son子组件

子组件要写到父组件中，先要声明一个子组件

var sonComponent={
        template:`<p>我是son子组件</p>`
    }

声明好的对象和自定义HTML标签在父组件中引用

var popComonent={
        template:`<div>
                  <p>我是pop父组件</p>
                  <son></son>
                  </div>
                `,
        components:{
            "son":sonComponent
        }//子组件必须写在父组件中
    }

新手一枚，若有不足，请指正！