微信小程序基础开发

基本概念:
小程序宿主环境 | 微信开放文档
微信小程序基础开发_第1张图片
语法结构入门:
1.WXML讲解:
教程 | 《小程序开发指南》
(1)数据绑定: WXML 通过 {{变量名}} 来绑定 WXML 文件和对应的 JavaScript 文件中的 data 对象属性。
微信小程序基础开发_第2张图片
(2)条件逻辑: WXML 中,使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块:
微信小程序基础开发_第3张图片
(3)列表渲染: 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item
微信小程序基础开发_第4张图片
(4)模板: WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
微信小程序基础开发_第5张图片
使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入
微信小程序基础开发_第6张图片
(5)引用: WXML 提供两种文件引用方式import和include。
import 可以在该文件中使用目标文件定义的 template; import 有作用域的概念,即只会 import 目标文件中定义的 template,而不会 import 目标文件中 import 的 template,简言之就是 import 不具有递归的特性。
微信小程序基础开发_第7张图片
include 可以将目标文件中除了