Page({
  data: {
    swiperList:[],         //存放輪播圖數(shù)據(jù)的列表
    str:'Hello world',     //定義字符串類型
    boolean:true,          //定義boolean類型
    data :3.2412,         //定義數(shù)據(jù)類型
    imgSrc:'http://www.ithima.com/images/logo.png',
    arr:[{msg:'hello '},'msg1:world'] //定義數(shù)組類型數(shù)據(jù)
  },

<view>{{str}}</view> //動態(tài)綁定內(nèi)容
<image src='{{imgSrc}}'></image>//動態(tài)綁定屬性
<view> {{data>=5?'張三':'李四'}}</view>//綁定三元運算后的結(jié)果到頁面

//.wxml文件中
<view type="primary" bindtap="btnTapHandler">綁定按鈕事件</view>
//.js文件中定義對應(yīng)的事件處理函數(shù)，事件參數(shù)通過形參 event（簡寫e） 來接收
  btnTapHandler(e){
    console.log(e)
  },

//錯誤代碼
<button type="primary" bindtap="btnTapHandler（123）">事件傳參</button>
//正確代碼
<button type="primary" bindtap="btnTapHandler" data-info="{{23}}">事件傳參</button>
//其中info被解析為參數(shù)的名字，23為傳遞的參數(shù)的值

  //頁面的.js文件中
  btnTapHandler(event){
    //dataset是一個包含了data-*傳過來的所有的參數(shù)項的對象
    console.log(event.target.dataset)
    //通過dataset訪問參數(shù)項info的值
    console.log(event.target.dataset.info)
  }

<input bindinput="inputHandler"><input>

inputHandler(e){
  //獲取并輸出文本框中最新的值
  console.log(e.detail.value)
}

//第一步：.js文件中定義數(shù)據(jù)
  data: {
    count:0,
    message:'張三，我是李四'
  },  data: {
    count:0,
    message:'張三，我是李四'
  },
//第二步：.wxml文件中渲染結(jié)構(gòu)
<input value="{{message}}" bindinput="inputHandler"></input>
//第三步：.wxss文件中美化樣式
input{
 border:1px solid #aaa;
 padding: 10px;
 margin:20px;
}
//第四步:.js文件中綁定事件處理函數(shù)
inputHandler(e){
   this.setData({
   //獲得文本框中最新的值
   console.log(e.detail.value)
})
}

//如果滿足條件，頁面中展示“True”
<view wx:if="{{condition}}"> True</view>

//如果num是1,頁面顯示“男”，如果是2，顯示“女”，否則顯示“保密”
<view wx:if="{{num==1}}">男</view>
<view wx:elif="{{num==2}}">女</view>
<view wx:else>保密</view>

//如果為真,同時顯示“V１”和“V2”,如果位假，同時隱藏“V1”和“V2”
<block wx:if="{{true}}">
<view> V1</view>
<view> V2</view>
</block>

<view hidden="{{condition}}">條件為True時，隱藏，為false時顯示</view>

//wx-for遍歷數(shù)組array,默認(rèn)情況下，當(dāng)前循環(huán)項的索引用 index 表示；當(dāng)前循環(huán)項用 item 表示。
<view wx:for="{{array}}">
 索引是：{{index}} 值是：{{item}}
</view>

//將索引名設(shè)置為"idx",將索引項的值設(shè)置為“itemName”
<view wx:for="{{arrsy}}" wx:for-index="idx" wx:for-item="itemName">
索引是：{{idx}} 當(dāng)前項時：{{itemName}}
</view>