微信小程序 数据绑定/条件判断/列表渲染/shift()有坑

//获取页面组件数据

var v = this.data.element

//条件判断

<view wx:if="{{show}}">小红</view>

<view wx:else="{{!show}}">小绿</view>
//wx:if wx:else 之间不允许有别的组件 

//列表渲染
<view wx:for-items="{{list}}">{{item}}</view>

<view wx:for="{{list}}">第{{index}}项是：{{item}}</view> //小程序默认索引为index,项是item,当然也可以自定义，如下：

<view wx:for="{{list}}" wx:for-index="myIndex"  wx:for-item="myItem">第{{myIndex}}项是：{{myItem}}</view>

//项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容，<switch/> 的选中状态），
需要使用 wx:key 来指定列表中项目的唯一的标识符。
wx:key 的值以两种形式提供:
//1.字符串，代表在 for 循环的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变。
//2.保留关键字 *this 代表在 for 循环中的 item 本身，这种表示需要 item 本身是一个唯一的字符串或者数字，如：
//  当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保
//  他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且提高列表渲染时的效率。
<view wx:for="{{list}}" wx:for-index="myIndex"  wx:for-item="myItem" wx:key="*this">第{{myIndex}}项是：{{myItem}}</view>

//数据绑定

//wxml

<view>{{element}}</view>

//js

//初始化数据

data:{

element:"123456"

}

注意：shift()的使用，有坑！

data:{
    list:["123","456","789"]
}

btnClick:function(){
   var myList = this.data.list
   var a = myList.shift() //获取myList的第一项
    this.setData({
        list：myList
    })
}