Harmony在线教育app平台开发开发日志——day5

1.自定义组件

1.什么是自定义组件

简单来说自定义组件为用户提供的极高的自由度，可以将不同用途的组件进行封装从而形成新的组件，再工程中进行不断的使用，而因为其是进行了封装后的多个组件的集合，一定程度上提高了代码的可读性

2.如何在父组件中对子组件进行引入

<element src="../CHILD/CHILD.hml" name="child"></element>
<div class="container">
    <text class="title">
        Hello {{ title }}
    </text>
    <text>下面是引入的自定义组件，也叫组件的子组件</text>
    <child></child>
</div>

4.如何将父组件中的值传入子组件
父组件

<element src="../CHILD/CHILD.hml" name="child"></element>
<div class="container">
    <text class="title">
       父组件
    </text>
    <text>下面是引入的自定义组件，也叫组件的子组件</text>
    <child title= "父组件参数"></childtitle></child>
</div>

export default {
    data: {
        title: '父组件参数'
    }
}

子组件

<div class="container">
    <text class="title">
        自定义子组件
        {{title}}
    </text>
</div>

export default {
    data: {

    },
    props:["title"]
}