微信小程序使用总结

1、wx：for 和wx:for-item

例：

微信小程序循环：
var grids=[[1,2,3],[3,3,3],[3,51,4,5]]
var arr=[1,2,3,4]

<view>
	<view 
	   wx:for="{{grids}}"
	   wx:for-item="row"
	   class="grid-row clearfix"
	   >
	     <view 
	     wx:for="{{row}}"
	     class="grid-cell"
	     ></view>
   </view>
 </view>

vue循环：
<div>
	<div v-for="row in grids">
		<div v-for="i in row">
		</div>
	</div>
</div>

wx:for是循环，可以循环一维数组arr，也可以循环二维数组grids。
一维数组不用说，直接循环，wx:for="{{arr}}"；
若循环的是二维数组grids，先使用wx:for="{{grids}}"循环本身，之后，在循环二维数组内每一项时，需要先使用wx:for-item给每一项[1,2,3]、[3,3,3]、[3,51,4,5]命名，如wx:for-item="row",之后，再使用wx:for="{{row}}"循环，具体见实例。

跟vue类似，v-for="row in grids"是直接在for里面命名子项为row，而微信小程序需要两步： 1)wx:for="{{grid}}" ， 2）wx:for-item="{{row}}"