> 文档中心 > Harmony在线教育app平台开发开发日志——day5

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


1.自定义组件

1.什么是自定义组件
Harmony在线教育app平台开发开发日志——day5

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

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

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

Harmony在线教育app平台开发开发日志——day5
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"]}

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