作者：xiaochun365，來(lái)自原文地址

一：數(shù)據(jù)綁定/條件判斷/列表渲染/shift()有坑

1. //獲取頁(yè)面組件數(shù)據(jù)
2.  
3. var v = this.data.element
4.  
5. //條件判斷
6.  
7. <view wx:if="{{show}}">小紅</view>
8.  
9. <view wx:else="{{!show}}">小綠</view>
10. //wx:if wx:else 之間不允許有別的組件

1. //列表渲染
2.  
3. <view wx:for="{{list}}">第{{index}}項(xiàng)是：{{item}}</view> //小程序默認(rèn)索引為index,項(xiàng)是item,當(dāng)然也可以自定義，如下：
4.  
5. <view wx:for="{{list}}" wx:for-index="{{myIndex}}" wx:for-item="{{myItem}}" wx:for-key="{{myIndex}}">第{{myIndex}}項(xiàng)是：{{myItem}}</view>

1. //數(shù)據(jù)綁定
2.  
3. //wxml
4.  
5. <view>{{element}}</view>
6.  
7. //js
8.  
9. //初始化數(shù)據(jù)
10.  
11. data:{
12.  
13. element:"123456"
14.  
15. }

1. 注意：shift()的使用，有坑！
2.  
3. data:{
4.  
5. list:["123","456","789"]}
6.  
7. btnClick:function(){
8. var myList = this.data.list
9.  
10. var a = myList.shift() //a獲取myList的第一項(xiàng)
11.  
12. myList.shift() //刪除最后一項(xiàng)
13.  
14. this.setData({
15. list：myList
16. })
17. }

二：template模板的使用

1. //模板t1.wxml
2. <template name="ggg">
3. <view>
4. 88888888888888888888888
5. </view>
6. </template>
7. <template name="jjj">
8. <view>
9. 99999999999999999999999
10. </view>
11. </template>

1. //調(diào)用模板index.wxml
2. <import src="../templates/t1" />
3. <template is="ggg"/>
4. <template is="jjj"/>
5.  
6. //注意此處必須要有
7. //調(diào)用模板樣式
8. @import "../templates/template1.wxss";
9.  
10. //調(diào)用模板js
11. require('../templates/t1.js') //模板的js不允許出現(xiàn)Page()等方法
12.  
13.  
14.  
15.  
16. //見(jiàn)有人這么寫(xiě)index.wxml
17. <include src="../templates/t1" />