学习地址:
博客资料:技术胖-华为鸿蒙系统应用 OpenHarmony JS 前端开发 基础入门教程-完结
官方文档资料:文档中心
本次任务重点:网络数据请求
1、fetch API接口使用简介
(1)导入鸿蒙系统 API 接口模块
(2)配置网络访问允许的权限列表
ohos.permission.INTERNET
(3)使用 fetch.fetch(OBJECT)
获取网络数据
2、解析数据
(1)网络请求到的json字符串
(2)创建相应的对象
(3)解析数据
3、列表渲染
tid 属性指定数组中每个元素的唯一标识,默认值为 id,用于加速for循环的重渲染。
写法1(都不指定):<div for="{{array}}" tid='id'></div>
,$idx代表元素索引,$item代表数组元素
写法2(指定元素名称):<div for="{{value in array}}" tid='id'></div>
,$idx 代表元素索引,value 代表数组元素
写法3(指定索引和元素名称):<div for="{{(index,value) in array}}" tid='id'></div>
,index代表元素索引,value代表数组元素。
4、事件绑定
类似 v-on,在 js 中绑定的函数和 data 同级
hml:<div onclick="clickfunc"></div>
或 <div @click="clickfunc"></div>
js: 放在 data 后: