使用列表渲染wx-for改写新闻列表

根据慕课网教程及个人实践的心得

---

标签的复用
1、在.js 的onLoad（）函数中定义一个数组：

 var Array=[      {        author: "/pics/author/1.jpg",        authorname: "Helin",        content: "This is my cat Fengfeng",        image: "/pics/lcf.jpg"      },      {        author: "/pics/author/2.jpg",        authorname: "Cissy",        content: "The sleeping cat is so cute!!!",        image: "/pics/catsleep.jpg"      }    ]

2、将数组数据绑定到.wxml上
用< block>< /block>将要循环的标签放在里面，无含义，类似{}
属性： wx：for=“X”，X为数组或集合
如：wx:for=”{{Array}}” 注意：属性数据要加引号
3、循环体中的子元素绑定
wx：for-item=”item”,这句话也可以不写，因为默认值为item。
绑定的元素都是{{item.~}}的形式~是元素名。
4、数组的数据绑定（.js中）
如果setData(Array),那仅将Array中的内容平铺进了Data（）中。
解决：this.setData({Array_key:Array});
block中绑定的数组也改为Array_key
5、想知道某子元素的序号：
wx：for-index=”index”,默认值为index。

心得：
js的数据和wxml要同步，否则提示未定义。