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

1. 数据绑定

​​数据绑定 | 微信开放文档​​

在vscode中安装了小程序插件

代码示例

2.运算（表达式）

3.列表渲染

① 列表循环

<view wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id">
     {{item.name}}
     {{index}}
</view>

 ① 对象循环

<view wx:for="{{obj}}" wx:for-item="value" wx:for-index="key" wx:key="age">
     属性：{{key}}
     值：{{value}}
</view>

4.block

【①占位符的标签】

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

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

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

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>