6·子对父对子、跨组件事件通信

535 未经授权,禁止转载了解课程
课程介绍
讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}
适合人群
了解现代Web前端vue、react框架或者小程序开发 初步了解nodejs的webpack包管理,ES6语法 OpenHarmony / HarmonyOS 开发者 具备以上基础知识均可学习
你将会学到
8个课时了解OpenHarmony&HarmonyOS 手机JS应用开发及组件
  • 鸿蒙JS开发
  • 鸿蒙JS应用开发
  • OpenHarmony组件开发
课程简介

该课程是 2021-8-24 直播回放剪辑合集

OpenHarmony的JS组件开发

讲师九弓子个人QQ提问群:611516237

(群名:Python建站从零开始,如果有web python js相关交流可以一起讨论)


关于OpenHarmony的组件开发大赛正在火热报名,相信大家已经报名想要一展身手了。而在OpenHarmony中的页面与组件开发,是JsUI为主导的开发场景。

那么这次直播我就将自己的前端js开发经验分享给大家。

虽然说主题是OpenHarmony组件开发,那其实从内容上来讲与手机端的Js页面开发,除了项目配置、结构与SDK有一点点区别之外。其实写起来,也没太大差别。

甚至说,与Web、小程序开发中的js前端,差别也不是太大。
因为内容不是很多,所以这次直播内容大部分会一步步书写以下内容:

  1. 页面封装为组件。

  2. 父 --> 子 组件装载数组

  3. 子 --> 父 组件传递事件通信

  4. EventBus事件总线(跨层级组件传值-方式2)

  5. 页面 --> 页面 数据传递


相信快速了解之后,有一定js基础的小伙伴,一定可以通过我这一次的分享快速上手“鸿蒙”前端开发。

直播过程中如果小伙伴想要跟着一起写的话,

需要先了解一下我之前在“HarmonyOS开发者”公众号投稿的文章。
https://mp.weixin.qq.com/s/sgfrHaDcztJhP4CemBNjXg

1.png


我们的直播会围绕这个表格开始页面到组件,再到组件与组件互相传递事件与数据的开发。gitee下载地址:
https://gitee.com/sugarnine/harmony-my-js


常见问题
问:课程初始的表格源码哪里下载
答:https://gitee.com/sugarnine/harmony-my-js
问:OpenHarmony2.0的SDK 哪里下载
答:https://gitee.com/isrc_ohos/ultimate-harmony-reference/blob/master/OpenHarmony%20JS%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B.md
展开更多
发布
头像

{{ item.user.nick_name }} {{ EROLE_NAME[item.user.identity] }}

置顶笔记
讨论图
{{ item.create_time }}回复
  • 删除

    是否确认删除?

    确认
    取消
  • {{ item.is_top == 1 ? '取消置顶' : '置顶'}}

    已有置顶的讨论,是否替换已有的置顶?

    确认
    取消
{{ tag.text}}
头像
{{ subitem.user.nick_name }}{{ EROLE_NAME[subitem.user.identity] }}
{{ subitem.create_time }}回复
删除

是否确认删除?

确认
取消
发布
{{pageType === 'video' ? '讨论区抢占沙发,可获得双倍学分' :'讨论区空空如也,你来讲两句~'}}
发布
{{tips.text}}
{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
头像
{{ detail.username }}

公开笔记对他人可见,有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记
保存
提问

讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。

记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交