這篇文章主要為大家展示了“微信小程序Page中怎么實現(xiàn)data數(shù)據(jù)操作和函數(shù)調用方法”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“微信小程序Page中怎么實現(xiàn)data數(shù)據(jù)操作和函數(shù)調用方法”這篇文章吧。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,碑林企業(yè)網(wǎng)站建設,碑林品牌網(wǎng)站建設,網(wǎng)站定制,碑林網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,碑林網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

Page() 函數(shù)用來注冊一個頁面。接受一個 object 參數(shù)，其指定頁面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。

//index.js
Page({
 data: {
  text: "This is page data.",
  sliderOffset: 0,
  sliderLeft: 0,
  state:{
     genre:[],
     genre_index: 0,
     model:[],
     model_index: 0,
     terminalStatus:'',
  }
 },
 onLoad: function(options) {
  // Do some initialize when page load.
 },
 onReady: function() {
  // Do something when page ready.
 },
 onShow: function() {
  // Do something when page show.
 },
 onHide: function() {
  // Do something when page hide.
 },
 onUnload: function() {
  // Do something when page close.
 },
 onPullDownRefresh: function() {
  // Do something when pull down.
 },
 onReachBottom: function() {
  // Do something when page reach bottom.
 },
 // Event handler.
 viewTap: function () {
  var p = this.position
  ball(p, 150)
  function ball(x, y) {
   console.log(x,y)
  }
 },
 customData: {
  hi: 'MINA'
 }
})

1、設置data數(shù)據(jù)

setData 函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層，同時改變對應的 this.data 的值。注意： 

（1）、直接修改 this.data 無效，無法改變頁面的狀態(tài)，還會造成數(shù)據(jù)不一致。 

（2）、單次設置的數(shù)據(jù)不能超過1024kB，請盡量避免一次設置過多的數(shù)據(jù)。

setData() 參數(shù)格式：接受一個對象，以 key，value 的形式表示將 this.data 中的 key 對應的值改變成 value。其中 key 可以非常靈活，以數(shù)據(jù)路徑的形式給出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中預先定義。
下面設置data中的text和genre_index的值

this.setData({
   'state.genre_index':1,
   text:'data value'
})

2、獲取data數(shù)據(jù)

獲取data中的text和genre_index值需要使用this

var gener_index=this.data.state.genre_index
var text=this.data.text

3、調用viewTap函數(shù)

在viewTap函數(shù)中調用內部的ball函數(shù)可以直接調用，如果需要在onReady函數(shù)中調用viewTap函數(shù)需要使用this。

onReady: function () {
  this.drawBall()
 },

以上是“微信小程序Page中怎么實現(xiàn)data數(shù)據(jù)操作和函數(shù)調用方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！