本文共 596 字，大约阅读时间需要 1 分钟。

1.普通写法

   
    行标签
   

   
    块级标签
   

2.数据绑定

   
     {
  { message }} 
   

Page({  data: {    message: 'Hello MINA!'  }})

3.组件属性

Page({  data: {    id: 0 }})

结束：

4.列表渲染

4.1wx:for

默认情况下我们不写wx:for-item=“item” wx:for-index=“index”

小程序也会把循环项的名称和索引的名称item和index

只有一层循环的话（wx:for-item="item” wx:for-index=“index”)可以省略

保留字 *this ，它的意思是 item 本⾝ ，*this 代表的必须是 唯⼀的字符串和数组。

4.2对象循环

1. wx:for="{
   {对象]}” wx:for-item="对象的值”wx:for-index=“对象的属性”
2. 循环对象的时候最好把item和index的名称都修改一下wx:for-item="value"wx :for-index=“key”

4.3block标签

渲染⼀个包含多节点的结构块 block最终不会变成真正的dom元素

     
    
      {
  {index}}: 
      
    
      {
  {item}} 
    
   

转载地址：http://twmzi.baihongyu.com/