小程序逻辑层数据

来自CloudWiki
跳转至: 导航搜索

数据初始化

data初始化数据属性

初始化数据将作为页面的第一次渲染。data 将会以 JSON 的形式由逻辑层传至渲染层,所以其数据必须是可以转成 JSON 的格式:字符串,数字,布尔值,对象,数组。

说明:data属性里面传入对象用于绑定数据,在视图层显示。如:

Page({
	 data: { 
		text: 'init data',
		 array: [{msg: '1'}, {msg: '2'}] 
	} 
}) 	

常用数据类型

Wx1-56.png

更多资料,请参考微信小程序基础组件

数组举例:如app.json

 [1,2,3],['ee','tt']

</nowiki>

data: {
     num:1,
     name:"maxin",
     city:["jinan","qingdao","liaocheng"],
     score:{
       math:90,
       chininse:85,
       english:80
     }
  },
  

复合数据类型

在JS数据中可以设置复合数据结构:

Object 对象:

{key:value} 键值对
data5:{
          'a':'a',
          'b':3
       }

 <nowiki>dataNum:{
              reading:103,
              collection:93,
          }



JS中引用数据

viewTap: function() { 
    console.log(this.data.num)
    console.log(this.data.name)
    console.log(this.data.city[0])
    console.log(this.data.score.math)
    this.setData({
      num:2
    })
	},


在JS中引用复合数据

在JS中引用复合数据,前面需带着content:

 console.log(content.dataNum.collection,content.dataNum.reading)

onLoad: function (options) {
      console.log("onload")
      var content = {
          ...
          dataNum:{
              reading:103,
              collection:93,
          },
          ...
      }
     
      console.log(content.dataNum.collection,content.dataNum.reading)

  },