微信小程序学习笔记——模板语法

1. 数据绑定

https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html

在vscode中安装了小程序插件

微信小程序学习笔记——模板语法_第1张图片

微信小程序学习笔记——模板语法_第2张图片

 

微信小程序学习笔记——模板语法_第3张图片

代码示例

微信小程序学习笔记——模板语法_第4张图片

2.运算(表达式)

微信小程序学习笔记——模板语法_第5张图片

3.列表渲染

① 列表循环

微信小程序学习笔记——模板语法_第6张图片


     {{item.name}}
     {{index}}

 ① 对象循环

微信小程序学习笔记——模板语法_第7张图片


     属性:{{key}}
     值:{{value}}

4.block

【①占位符的标签】

【②写代码的时候可以看到这便签存在】

【③页面渲染,小程序会把它移除掉】

类似 block wx:if,也可以将 wx:for 用在标签上,以渲染一个包含多节点的结构块。例如:


   {{index}}: 
   {{item}} 

 

你可能感兴趣的:(微信小程序学习笔记——模板语法)