WeChat applet Detailed explanation of data data operations and function calls in Page

WeChat applet Detailed explanation of data data operations and function calls in Page
The Page() function is used to register a page. Accepts an object parameter that specifies the page's initial data, life cycle functions, event handling functions, etc.
// 
&lt;pre code_snippet_ snippet_file_name="blog_20161214_1_1145312" name="code" class="javascript"&gt;Page({ 
 data: { 
  text: "This is page data.",&lt;/pre&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_2_861121" name="code" class="javascript"&gt;  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 =  
  ball(p, 150) 
  function ball(x, y) { 
   (x,y) 
  } 
 }, 
 customData: { 
  hi: 'MINA' 
 } 
})&lt;/pre&gt;&lt;br&gt; 
&lt;p&gt;&lt;/p&gt; 
&lt;pre&gt;&lt;/pre&gt; 
&lt;br&gt; 
1、set updatadata 
&lt;p&gt;&lt;/p&gt; 
&lt;p&gt;&lt;span style="font-size:14px"&gt;setData function用于将data从逻辑层发送到视图层，Change the corresponding  Value of。&lt;br&gt; 
Notice：&lt;br&gt; 
（1）、Modify directly  invalid，Unable to change the status of the page，还会造成data不一致。&lt;br&gt; 
（2）、单次set up的data不能超过1024kB，请尽量避免一次set up过多的data。&lt;br&gt; 
&lt;/span&gt;&lt;/p&gt; 
&lt;p&gt;&lt;span style="font-size:14px"&gt;setData() Parameter format：Accept an object，by key，value The form of the  In-house key 对应Value of改变成 value。in key 可by非常灵活，bydata路径的形式给出，like array[2].message，，And it doesn't need to be  Predefined in。&lt;br&gt; 
&lt;/span&gt;&lt;/p&gt; 
&lt;p&gt;&lt;span style="font-size:14px"&gt;下面set updataIn-housetextandgenre_indexValue of&lt;/span&gt;&lt;/p&gt; 
&lt;p&gt;&lt;span style="font-size:14px"&gt;&lt;/span&gt;&lt;/p&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_3_1831450" name="code" class="html"&gt;({ 
   'state.genre_index':1, 
   text:'data value' 
})&lt;/pre&gt;&lt;p&gt;&lt;/p&gt; 
&lt;p&gt;2、Getdatadata&lt;/p&gt; 
&lt;p&gt;GetdataIn-housetextandgenre_indexValues need to be usedthis&lt;/p&gt; 
&lt;p&gt;&lt;/p&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_4_5833420" name="code" class="javascript"&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_4_5833420" name="code" class="javascript"&gt;var gener_index=.genre_index&lt;/pre&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_5_8406932" name="code" class="javascript"&gt;var text=&lt;/pre&gt;&lt;p&gt;&lt;/p&gt; 
&lt;pre&gt;&lt;/pre&gt; 
3、CallviewTapfunction 
&lt;p&gt;&lt;/p&gt; 
&lt;p&gt;existviewTapfunction中Call内部的ballfunction可by直接Call，like果需要existonReadyfunction中CallviewTapfunction需要使用this。&lt;/p&gt; 
&lt;p&gt;&lt;/p&gt;&lt;pre code_snippet_ snippet_file_name="blog_20161214_6_6869005" name="code" class="html"&gt;onReady: function () { 
  () 
 },&lt;/pre&gt;&lt;br&gt; 
&lt;br&gt; 
&lt;br&gt; 
&lt;p&gt;&lt;/p&gt; 
&lt;br&gt; 
   
&lt;/pre&gt;