page设置数据学习

 

WXML 源代码， 代码1

 <!-- 需要先在这里进行渲染，左边的页面才能显示出来！

   对于要输出的数据，进行渲染。 

  渲染语法标准格式如下：  用view  组件。  

  -->

<view> {{ username }}   </view>

 

 

 

index.js 代码2 

   

// index.js

// 获取应用实例

 // page的快捷键。输入page，然后一个page向下的框，点击快速输入标准格式。

//    

//

/**

 * 

 * 

 * 

 * 

 */

 

Page({

 

  /**

   * 页面的初始数据

   * 

   * 1，把需要渲染的数据放到data当中！

   *

   * 

   */

  data:  {

    username： "朱氏药业"

 // 只是第一次测试，这里报错，不知道哪里问题。  提示 无效的字符。 

  },

 

  /**

   * 生命周期函数--监听页面加载

   * 

   * 1，渲染数据的时候，通过onload方法来实现。

   * 

   */

  onLoad: function (options) {

    

  },

 

  

})

--------------------------------------------------

// setdata方法的用法。 

  onLoad: function (options) {

    //this.data.username='朱氏药业'

 

this.setData({ 

  //修改数据，一定要用setdata方法。不能直接修改。 

 

person:person

 

})

====================================================

 

// index.js

// 获取应用实例

 // page的快捷键。输入page，然后一个page向下的框，点击快速输入标准格式。

//    

//

/**

 * 

 *  几种方法的调用。 

 *  onshow方法

 * 语法格式

 * onShow：function (){

 * 

 * }

 * 

 * 

 */

 

 function hello(){

 return " 你好  "

 

 }

      

 

Page({

 

  /**

   * 页面的初始数据

   * 

   * 1，把需要渲染的数据放到data当中！

   *

   * 如果以后想要修改data中的值，应该使用setdata方法。setData函数用于将数据 

   * 

   * 

   * 

   */

  /**

   *  这段代码报错了，不知道原因，给注释掉了。 

   * data:  {

    username： "zhushiyaoye"

   person: { }

  }, */

 

  /**

   * 生命周期函数--监听页面加载

   * 

   * 1，渲染数据的时候，通过onload方法来实现。

   * 

   */

  // setdata方法的用法。 

  onLoad: function (options) {

 

    //this.data.username=' 药业'

 

    //  

 

this.setData({ 

  //修改数据，一定要用setdata方法。不能直接修改。 

 

   //"person.username" = "person"; 

 

person:person

 

})

 

/** this.setData({

" books"[3]:" 理疗贴 "

 

}) */

 

  },

 

  

})

------------------------------------------------------------------

 <!-- 需要先在这里进行渲染，左边的页面才能显示出来！

   对于要输出的数据，进行渲染。 

  -->

<view> {{ username }}   </view>

<view>     </view>

<view>   </view>