微信小程序：列表渲染

列表渲染

在我看来，列表渲染就是将一个列表的数据渲染到首页上
我先在TS文件中定义

data: {
    cout:0,
    userlist:[
      {id:1,name:"华为"},
      {id:2,name:'小米'},
      {id:3,name:'苹果'}
    ],
  },

我们先来看一下语法是怎样的：

我们可以看到利用WX:FOR=“数组名字”，利用MASTUSH语法，进行需变换遍历。
我们举个例子：

<view wx:for="{{userlist}}" wx:key="id" class="username">{{item.name}}</view>

MUSTACH语法在这里的作用是防止数据名字被当做普通的字符串。最终数组的内容会被渲染出来。