这里写目录标题
1. 使用Lin UI的icon组件代替图片ICON
post.wxml:
2.小程序开发数据的流向
加{{}}
数据绑定
2.1 Page.data与this.data
Page({
/**
* 页面的初始数据
*/
data: {
//初始值
a:"如果在儿童和成年人之间展开一场全能比赛,你觉得儿童会在哪些方面胜出?",
b:"2021",
c:"2022"
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
//console.log(123)
// a:"如果在儿童和成年人之间展开一场全能比赛,你觉得儿童会在哪些方面胜出?"
//DOM
//var d=document.getElementById('')
//d.innerHtml=a
//DOM优先
//数据优先 ->数据绑定
this.setData({
//setData
///更新
//创建+更新
//b:"2021",
c:"2026"
})
},
2.2小程序的生命周期函数与特殊回调函数
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("onLoad")
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log(" onReady")
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("onShow")
},
/**
* 生命周期函数--监听页面隐藏
* 条件触发
*/
onHide: function () {
console.log("onHide")
},
/**
* 生命周期函数--监听页面卸载
*
*/
onUnload: function () {
console.log("onUnload")
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
2.3数据绑定的实战应用
Mustache 语法解析
数据绑定