微信小程序data的赋值与取值

1、首先我们建立一个项目，填写上小程序的APPID以及项目名称和路径地址。

2、我们打开对应位置的js文件，我们这里以index.js为例子说明。在图中

 data: {

   motto: 'Hello World',

   userInfo: {},

   hasUserInfo: false,

   canIUse: wx.canIUse('button.open-type.getUserInfo')

 },

data里面可以自定义变量，例如第一个motto的值就是Hello World

3、这个motto写在index.wxml里面，要用这种格式

{{motto}},在页面中显示的就是我们之前给他赋的值Hello World

4、如果我们想取出这个值，并改变这个值，我们用该这么做。如下图

 onLoad: function () {//这里演示改变motto的值

   var that=this

   that.setData({

     motto:"我是改变后的值"

   })

 },

5、  我们来刷新一下index.wxml页面,看看这个motto的值有没有变化？结果证明了赋值与取值以及改变值的过程。

6、如果我们要赋值的是一个数组，或者请求返回的结果集是一个数组，那我我们应该这样子写，

 data: {

   demo:[]//测试用的

 },

这里的demo赋值后就是一个数组，我们简单的来赋值一下。

 onLoad: function () {//这里演示改变demo的值

   var that=this

   that.setData({

     demo:[

       {

       no1:"111"

     },{

         no1: "222"

     }

     ]

   })

   console.log(that.data.demo[0].no1)//这里打印数组的某个值

 },