目录

  • 1 第一单元
    • 1.1 认识微信小程序
    • 1.2 创建自己的第一个微信小程序HelloWorld
    • 1.3 制作“猫眼电影”底部导航和窗口属性
    • 1.4 天气微信小程序
    • 1.5 for循环使用-轮播图的渲染
  • 2 第二单元
    • 2.1 事件的绑定-界面的纵向滚动
    • 2.2 表单登录注册微信小程序
    • 2.3 绑定网络数据-商城轮播图和导航栏制作
    • 2.4 自定义控件-列表制作
    • 2.5 综合任务制作-糗事百科
    • 2.6 必备的微信小程序API1
    • 2.7 必备的微信小程序API 2
  • 3 第三单元
    • 3.1 必备的微信小程序API 3
    • 3.2 聊天系统制作
    • 3.3 文件的上传与下载
    • 3.4 第五课时
    • 3.5 第六课时
  • 4 “五四”青年节主题音乐微信小程序
    • 4.1 需求分析
    • 4.2 标签切换功能的制作
    • 4.3 音乐导览
    • 4.4 音乐列表实训指导书---请求网络数据
    • 4.5 请求网络数据
    • 4.6 音乐列表-制作自定义列表样式
    • 4.7 完成音乐列表的传值
    • 4.8 音乐播放
    • 4.9 项目验收
  • 5 记账本小程序
    • 5.1 需求分析与准备工作
    • 5.2 账户列表的制作
    • 5.3 数据库
    • 5.4 第四课时
    • 5.5 第五课时
    • 5.6 第六课时
完成音乐列表的传值

任务4.7   音乐列表——完成音乐列表的传值

任务名称音乐列表——完成音乐列表的传值任务编号3.1
任务功能

       本任务要完成“五四”青年节微信小程序音乐列表中音乐列表——完成音乐列表的传值


开发者
时间安排80分钟
新知学习
开发准备

1、自定义组件父向子传递数据

合作探究


  • 自定义组件中父向子传递数据

    这里的父组件指的是页面,子组件指的是自定义组件,页面向自定义组件传递数据是通过标签属性进行传递。例如

    在页面使用Tabs组件,定义了一个属性aaa赋值为a123a,在自定义组件的js文件中,properties中接收传递过来的数据

之后就可以当做自定义组件的内部数据来使用了。

数据传递逻辑如下






小试牛刀


其他
任务制作
大展身手

1、任务分析,请根据之前所学,完成自定义列表传值的步骤是什么

2、讲从网络请求到的数据传值到音乐列表中

其中pic 存放图片路径 name存放着歌曲名字 singer存放着歌手名字 mp3 存放在音乐路径


评价总结

请将代码和效果截图上传



总结反思