微信小程序学习——起步学习2

（1）setData函数

        作用：用于将逻辑层数据发送到视图层（显示的结果），同时对应的改变页面初始数据（this.data.xxx）的值

        参数：通过 key : value 的形式表示，将 this.data 中的 key 对应的值改变成 value

示例：

.wxml：

 <view class="numview">test01======={{test01}}</view>
 <view class="numview">test02======={{test02}}</view>
 <button bindtap="testfun">测试setData</button>

.js：

Page({
 data: {
  test01: 1,
  test02: 2
 },
 testfun: function() {
  var that = this;
  if (this.data.test01 == 1) {
   that.setData({
    test02:8
   })
   console.log(this.data.test02)
  }
 },
 onLoad: function() {},
})

（2）自定义属性设置和获取（data-xxx）

用法：在.wxml中定义，在.js中调用

<button size="mini" class="addpoems" data-dyindex="{{item.dyIndex}}"  data-pid="{{item.pid}}" bindtap="clickadd" wx:for-index="idx">
<view class="isadded">{{item.isAdded?"√":"+"}}</view>
</button>

clickadd:function(e){
    var seletedData = e.currentTarget.dataset
    var dyIndexpoem=seletedData.dyindex
    // js使用时，data-后面的单词不能存在大写，大写会接收不到
    var pid=seletedData.pid
    //将这个pid存档到你的list 
    this.saveAddedPoem(pid,dyIndexpoem)
  },

注意：1、在.wxml中使用时无论你大小写，在.js中接收时都转换为小写，推荐使用小写

        2、有一种就是data-name-id这种获取的时候会自动去掉连字符，以驼峰的方式去获取

（3）变量的导出

1、module.exports

module.exports ={
  beginToLearn:beginToLearn,
  realize:realize,
  knowWell:knowWell
}

2、exports

exports.URL="http://localhost:8080"//诗词、作者、朝代
exports.AudiosURL="http://localhost:8081/audios"//音频JSON数据
exports.FileAudioURL="http://localhost:9090/file/mp3s/"//音频文件网络地址

module是一个对象，代指整个js文件,而他的exports属性就是该js文件对外暴露的对象，无论是字符串，数字，对象还是函数，在属性内的值就都能被外部访问到

exports指向了module.exports，类似在.js文件的开头添加了一段module.exports代码

区别：由exports指向的引用，在哪里执行都不能改变该.js文件所要被外部访问的值。而module.exports指向的引用就可以改变