1.在index.js输入函数，变量
2.
打开index.wxml复制
注释掉的是事件绑定
<view class="goStudy" bindtap="handleParent">
<text bindtap='handleChild'>hello world</text>
</view>
</view>
并注释掉其中未注释的改为
<view class="goStudy" bindtap="toLog">
<text>hello world</text>
</view>
</view>
对应事件的回调回到index.js中
在页面的初始数据后面加入
输入注释：跳转至log页面的方法
输入：
toLog(){
wx.reLaunch({
url: '/pages/log/log',
})
},
pages/log/log时会报错因为这个是相对路径
//wx.rediectTo关闭当前页面回到主页
//wx.navigateTo 保留当前页面不用重建页面
//wx.reLaunch关闭所有页面
进行编译后点击hello world 跳转页面
3.
生命周期函数
index.js中把生命周期函数代码编为
/**
* 生命周期函数--监听页面加载
*/
onLoad:function (options) {
console.log('onLoad() 监听页面加载');
//修改msg的状态数据,语法：this.setData
//console.log(this.data.msg)//this代表当前页面实例对象
//setTimeout(()=>{
//this.setData({
//msg:'xiugaihou '
//})
// console.log(this.data.msg)文章来源：https://www.toymoban.com/news/detail-770581.html
// },2000)
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady:function(options) {
console.log('onReady() 监听页面初次渲染完成');
},
/**
* 生命周期函数--监听页面显示
*/
onShow:function(options) {
console.log('onShow() 监听页面显示');
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide:function(options) {
console.log('onHide() 监听页面隐藏');
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload:function() {
console.log('onUnload() 监听页面卸载');
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh:function(options) {
},
//修改msg的状态数据,语法：this.setData
//console.log(this.data.msg)//this代表当前页面实例对象
//setTimeout(()=>{
//this.setData({
//msg:'xiugaihou '
//})
// console.log(this.data.msg)
// },2000)
文章来源地址https://www.toymoban.com/news/detail-770581.html
到了这里，关于微信小程序制作（4）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
