微信小程序-基础语法

wxml模板语法

数据绑定

类似于vue

data（）{
    str：''
}
//在js里写

<view>{{str}}</view>
//在wxml里写

属性绑定

data（）{
    src：''
}

<image src="{{src}}"></image>

条件渲染

wx：if 和 hidden

<block	wx:if="{{true}}">
	<view>123</view>
</block>
// block只是一个容器，本身不会被渲染，类似于template

<view hideen="flag"></view>
//hideen控制元素的显示和隐藏（display）

列表渲染

<view wx:for="{{arr}}" wx:key="index">
	<view>{{item}}</view>
</view>
// item指当前项

事件绑定

常用事件

事件对象的属性列表

target和currentTarget的区别

数据赋值

btnTap(e){
    this.setData({
        count: this.data.count + 1
    })
}

事件传参

​

bindtap使用data-*的方式传参

<button bindtap='btnTap' data-info='{{msg}}'>
</button>
// 回调函数 e.target.dataset.info里获取 msg

bindinput使用value

<button bindtap='btnTap'value='{{msg}}'>
</button>
// 回调函数 e.detail.value里获取 msg

全局配置

window

tabBar

最少两个，最多5个页签，tabbar页面在pages必须写在前面

组成部分

tabBar配置项

每个tab的配置项

网络数据请求

出于安全性方面的考虑，只能请求https，必须将接口的域名添加到信任列表里

发送请求

wx.request({
    url: '',
    method: '',
    data:{
        //传参的数据
    },
    success:(res)=>{
        console.log(res)
    }
})