微信小程序数据处理 的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁，WXML 页面需要展示的数据都需要被定义在data中，否则就无法在页面进行展示。data中的数据是通过网络请求或者一些逻辑处理进行设置以及初始化的。
data数据的设置有两种方式，例如我们data中的有一个name并且初始化为空
data:{ name:'我是初始化的name' }
当有多个数据时用逗号英文逗号‘,'进行分开，那么如果我们想更改数据就可以
//方式1 this.data.name='我现在name值是Code4Android' //方式2 this.setData({ name:'我现在name值是Code4Android' })
不过用哪 一种方式，经过处理后，name的值都会变为“我现在name值是Code4Android”，我们可以通过this.data.name来取出name的值。也许你会有疑问，这两种方式有什么区别吗？
那我们现在WXML中创建一个view用来显示name的值
<view>{{name}}</view>
当我们需要将data中的数据显示在页面上时。需要用大括号来获取data中的值并将其显示，通过上面的两种方式，发现方式1设置后，页面上的数据并没有发生改变，依然是初始化的值，当使用第二种方式时数据发生改变，这时候你应该就明白两者区别了。
当数据是一个对象时，如
data:{ people:{ name:'Code4Android', address:'河南' } }
那么我们想修改people对象并显示
this.setData({ people:{ name:'Code4Android1', address:'河南' } })
此时people对象时被全部修改了，有时候，我们只需要修改部分数据，例如在上面，我们只需要修改name属性，address的值不变化，可以如下方式修改
this.setData({ 'people.name': 'Code4Android' })
如果有一个数组，里面放着people对象
this.setData({ 'peoples[0].name': 'Code4Android' })
当我们data中有一个type值，不同的值要显示不同的字，例如type有1,2,3三种值，分别表示初中，高中，大学。那么当服务端返回值后，我们该如何将type值转换为对应的字符显示呢。在这里提供三种方式
<!--方式1，使用三元表达式--> <view>{{type==1 ?'初中':(type==2?'高中':'大学')}}</view> <!--方式2，使用条件渲染--> <view wx:if="{{type==1}}">初中</view> <view wx:elif="{{type==2}}">高中</view> <view wx:else>大学</view> <!--方式3，js对数据预处理，jsdata中增加typeName--> js文件相应预处理： var typeName = '' if (this.data.type == 1) { typeName = '初中' } else if (this.data.type = 2) { typeName = '高中' } else { typeName = '大学' } this.setData({ typeName: typeName }) WXML:中显示 <view>{{typeName}}</view>
在WXML文件中，往往我们会根据不同的状态显示不同的样式，此时就需要根据不同的状态展示不同的样式，例如，一个view当data中的isSelected为true时背景为红色，字体颜色为白色，否则背景为灰色（#ddd）,那么可下面两种方式实现
<!--方式1，直接使用style --> <view>按钮</view> <!--style也可以style="{{isSelected? 'background-color:#ff0000;color:#fff':'background-color:#ddd;color:#000000'}}"--> <!--方式2，使用class--> <view>按钮</view> wxss: .isSelected { background-color: #f00; color: #fff; } .noSelected { background-color: #ddd; color: #000; }
页面数据传递
当我们打开一个新页面时往往使用 wx.navigateTo ,如果想传递到新打开页面数据，则可以在url后拼接？key=value的形式，多个参数用&分开、例如
wx.navigateTo({ url: '/pages/mypage/mypage?name=Code4Android', })`
通过navigateTo打开新页面后，新的页面会限制性onLoad方法，该方法有一个options参数，然后通过options.name就可以获取传递的数据。
如果我们想传递Object对象，例如上面声明的people，此时如果在url拼接 '?people='+people，发现接收时数据无法正常解析，此时我们可以使用下面方法传递
var string = JSON.stringify(this.data.people) wx.navigateTo({ url: '/pages/mypage/mypage?people='+string , })`
接收后通过
var string =options.people var obj=JSON.parse(string)
然后obj就是我们JSON对象了，我们可以obj.name获取属性值。你以为这样就万事大吉了吗？当然不是；例如我们上面的people对象数据时这样的
data:{ people: { name: '名字&名字', age: 25, address: '河南' } }
此时通过上面方法传递数据通过JSON.parse发现报错了，从错误原因很容易看出来，此时获取的people不是一个完整的字符串，原因就是name属性中含有‘&',而小程序认为&前的部分是people的值，&后的数据时七天部分数据。所以导致people不是一个完整的json对象，则导致parse失败异常。
那么这时候该如何传递数据呢，我的解决思路有两个，一个是将上面string中的&符号全部替换掉，如
var string = JSON.stringify(this.data.people) wx.navigateTo({ url: '/pages/mypage/mypage?people='+string.replace(/&/g, ''), })`