【微信小程序每日学习记录02】 模板与配置
发布网友
发布时间：2024-09-15 02:20
共1个回答
热心网友
时间：2024-10-29 02:19
2.1 WXML 模板语法中，数据绑定是基础。数据绑定原则是将页面数据定义在 data 对象中，无需格式化，只需在对应的 .js 文件中初始化即可。使用 Mustache 语法（{{ }}）将变量展示，它广泛应用于绑定渲染数据。
事件绑定是页面与逻辑层交互的关键，通过事件处理用户操作，如点击事件（如 tap）和输入事件（如 input）。如点击内部按钮，事件会冒泡到外层 view，并通过 bindtap 事件响应触摸行为。
在事件处理函数中，可以使用 this.setData() 更新 data 中的数据，如点击按钮增加 count。事件传参则需通过自定义 data- 属性，而不是直接传递参数。
2.1.3 条件渲染是根据条件显示或隐藏组件，如 wx:if 用于根据条件渲染代码块。列表渲染则通过 wx:for 循环数组生成重复结构，配合 wx:key 优化渲染效率。
2.2 WXSS 模板语法，如 rpx 单位用于屏幕适配，wx:import 用于样式导入，全局样式和局部样式分别定义在 app.wxss 和页面 .wxss 文件中。
在2.3 全局配置部分，app.json 是核心配置文件，包含窗口组件的标题、背景、颜色等设置，以及下拉刷新和 tabBar 的配置。每个页面还可以有自己的 .json 配置，处理页面级的特殊需求。
网络数据请求是关键功能，有接口域名配置、GET 和 POST 请求的使用，以及在页面加载时自动请求数据的需求。以本地生活（首页）为例，展示了具体实现步骤和接口地址。
