小程序学习打卡(三)

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)
    })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • PS:转载请注明出处作者: TigerChain地址: https://www.jianshu.com/p/218...
    TigerChain阅读 26,375评论 5 70
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,028评论 1 4
  • 【圈规】哈师大的小伙伴必看 来到校园圈你,算是找到组织啦!! 这里的每一个小伙伴都是在校的一员~~ 校园圈为生活在...
    173eff1342b1阅读 403评论 0 0
  • 现在的中国,社会发展迅速,公司每年成立很多、上市很多、倒闭很多,员工工作更换已经是常态,十几年没换过工作的反而成为...
    匠心writting阅读 643评论 2 4
  • 评估能力向来是别人的事,于是我在大家 的“人聪明,能力强”的恭维中迷失了自己,以为自己真的能力很强。直到今天...
    昔云了阅读 190评论 0 0