美文网首页
小程序3 App({}), Page({})

小程序3 App({}), Page({})

作者: jh2k15 | 来源:发表于2018-04-27 18:29 被阅读0次

App({})

函数用来注册一个小程序

//app.js
App({
  onLaunch(options) {console.log(options)},
  onShow(options) {console.log(options)},
  onHide() {},
  onError(msg) {console.log(msg)},
  onPageNotFound(res) {
    wx.redirectTo({
      url: 'pages/...'
    }) // 如果是 tabbar 页面,请使用 wx.switchTab
  }
  globalData: 'I am global data'
})
//other.js
var appInstance = getApp()
console.log(appInstance.globalData) // I am global data

getCurrentPages

Page({})

//index.js
Page({
  customData: {
    hi: 'MINA'
  },
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {console.log(options)},
  onReady: function() {},
  onShow: function() {},
  onHide: function() {},
  onUnload: function() {},
  onPullDownRefresh: function() {},//下拉刷新
  onReachBottom: function() {},//上拉触底
  onShareAppMessage: function () {},//自定义转发字段
  onPageScroll: function() {},//页面滚动
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  }
})

Page.prototype.route
获取到当前页面的路径
Page.prototype.setData()
改变对应的 this.data 的值(同步)

this.setData({})

相关文章

  • 小程序3 App({}), Page({})

    App({}) 函数用来注册一个小程序 getCurrentPages Page({}) Page.prototy...

  • 小程序

    结构 主体app app.json小程序配置 app.js小程序业务逻辑(属性和方法可以被其他页面访问) page...

  • 微信小程序

    结构 主体 app app.json小程序配置 app.js小程序业务逻辑(属性和方法可以被其他页面访问)page...

  • 小程序api 部分

    目录结构 每个小程序都有一个整体的 app 和多个页面 page;app 部分的结构 每个 page 的结构 特别...

  • 2-小程序配置

    1-文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 app.js【小程序逻辑】 ...

  • 微信小程序的生命周期和运行机制

    微信小程序的生命周期 在小程序中,通过App()来注册一个小程序,通过Page()来注册一个页面,在app.js这...

  • 微信小程序app.json、pages.json文件介绍

    微信小程序app.json、page.json文件介绍 微信小程序中的app.json文件主要是设置页面的路径,页...

  • WechatCode-page.js中page()构造器④

    page构造器用来向app注册小程序页面,该构造器接收一个object类型参数 page({data:{key:v...

  • 小程序目录结构

    小程序目录结构 文件结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分...

  • 微信小程序代码结构和框架调用流程详解

    微信小程序是如何工作的? 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 微信小程序官网 ...

网友评论

      本文标题:小程序3 App({}), Page({})

      本文链接:https://www.haomeiwen.com/subject/rbjilftx.html