【微信小程序】JS/数据绑定

最新推荐文章于 2022-11-19 07:00:00 发布

三七_

最新推荐文章于 2022-11-19 07:00:00 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/qq_42417182/article/details/88746739

版权

本文介绍了微信小程序中页面JS文件的生命周期函数，如onLoad、onShow等，并详细讲解了数据绑定机制。与传统网页不同，小程序采用数据绑定而非DOM操作来更新界面。内容包括初始化数据绑定和使用setData方法进行数据更新，强调小程序仅支持单向数据绑定。同时，文中通过实例展示了如何在Page的data中定义变量并在WXML中使用。

摘要由CSDN通过智能技术生成

页面JS文件

整个页面执行了一个Page（{...}）方法，参数是一个Object对象，用来指定页面的初始数据data，生命周期函数（on+...）的函数，事件处理函数

页面的生命周期：

加载
显示
渲染
隐藏
卸载

MINA框架提供5个生命周期函数来监听这5个特定的生命周期：

onLoad：监听页面加载，一个页面只会调用一次
onReady：监听页面显示，每次打开页面都会调用
onShow：监听页面初次渲染完成，一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互
onHide：监听页面隐藏
onUnload：监听页面卸载

Page({
  data:{},

  onLoad:function(option){
    //页面初始化option为页面跳转所带来的参数
    console.log("onLoad:页面被加载");
  },

  onReady:function(){
    //页面渲染完成
    console.log("onReady:页面被渲染");
  },

  onShow:function(){
    //页面显示
    console.log("onShow:页面被显示");
  },

  onHide:function(){
    //页