小程序学习打卡（三）

1.组件（与vue的组件简直一模一样，就是一些api的命名不同）

Component({
  properties: {//用于父传子数据
   title:{
     type:String,
     value:""，
     observer:function(newVal,oldVal){

      }
   }
  },

  data: {
  },
//用于样式父传子
externalClasses:[' 名称']

  methods: {
     函数名(){
//子传父事件，通过bind:名称=‘ ’  拿到，参数通过event接收
        this.triggerEvent('名称',{传参},{})
   }
  }
})
///////////////////////////////////////////////////
this.selectComponent('class/id')//可以直接从页面拿到组件

2.网络请求

wx.request({
  url:'',
  data:{
   //get/post传参
  },
method:'post',
success:res=>{

}
})

3.网络请求的封装，采用promise

export default function request(options){
return new Promise((resolve,reject)=>{
  wx.request({
    url: options.url,
    method: options.method || 'get',
    data: options.data || {},
    success: function (res) {
      resolve(res)
    },
    fail: function (err) {
      reject(err)
    }
  })
})

}
//在需要拿到数据的js里
 request({
      url:'http://123.207.32.32:8000/api/v1/home/multidata'
    }).then((res)=>{
      console.log(res)
    })