小程序中的指令

1、列表渲染 wx：for（需要key）
循环数组

<text wx:for="{{ arr }}">{{index}}:{{item}}</text>

循环对象

<text wx:for ="{{obj}}">{{index}}:{{item}}</text>

更改 item和index的使用名字

<text
wx:for="{{obj}}"
wx:for-index='hehe'
wx:for-item='xixi'
wx:key = 'hehe'
{{hehe}}{{xixi}}</text>

2、条件渲染 wx：if

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

注意：block标签不渲染

2、小程序逻辑

1. 小程序的生命周期

小程序启动（全局只触发一次）
onLaunch: function () {
console.log('小程序启动')
},

小程序隐藏
onHide: function () {
console.log('小程序进入后台 隐藏')
},

小程序显示
onShow: function (options) {
console.log('小程序进入前台 显示')
},

小程序发生脚本错误
onError: function (msg) {
console.log(msg)
}

2. 页面的生命周期

页面加载
onLoad(){
// 页面重新加载的时候才会触发 tab中切换页面没有销毁 只会触发一次
console.log('页面加载')
},

页面渲染完成
onReady(){
console.log('页面渲染完成之后触发')
},

页面卸载
onUnload(){
// 页面卸载的时候会触发 缓存起来就不会触发
console.log('页面卸载')
},

页面显示
onShow(){
console.log('页面显示')
},

页面隐藏
onHide(){
console.log('页面隐藏')
},

提供的功能函数

onPullDownRefresh(){
console.log('下拉刷新了')
},
onReachBottom(){
console.log('上拉')
}