微信小程序这一块（下）

1、小程序分为两部分 ：页面、组件

2、小程序中如何定义自定义组件？

　　凡是通过Page创建的都是页面，而通过Components创建的都是组件

　　当组件创建成功后，在需要使用的页面进行引入，（找到页面的json文件中的usingComponents配置项进行引入，key值是组件名称，value值是组件的路径）

 

　　！！！注意：自定义组件的事件必须放在methods中去

3、小程序中自定义组件如何进行传递参数

　　页面与组件进行传参？

　　　　给组件绑定自定义属性

　　　　在组件内部通过properties进行接收

　　-----------------------------------------------------------

　　组件与页面进行传参

　　　　给组件绑定自定义事件　　bind自定义事件名称

　　　　在组件内部通过生命周期attached进行传递，在attached中通过调用this.triggerEvent进行事件的传参（第一个参数为自定义事件名称，第二个参数是需要传递的参数）

4、小程序中存储、读取、删除数据

onLoad(){
    // wx.setStorage({//存储数据异步
    //   key:"wang",
    //   data:[{name:"wangwenchao",age:"20"}],
    //   success:function(){//在回调中可以验证是否存储成功
    //     console.log("存储成功")
    //   }
    // })


    // wx.setStorageSync("city",[{name:111,age:888}])//异步存储数据

  // wx.getStorage({//异步获取数据
  //   key:"wang",
  //   success:function(data){
  //     console.log(data)//这里是你要获取的数据
  //   }
  // })

  // var data=wx.getStorageSync("wang")//同步获取数据
  // console.log(data)


  // wx.removeStorage({//异步删除数据
  //   key:"wang",
  //   success:function(){
  //     console.log("删除成功")
  //   }
  // })

  // wx.removeStorageSync("city")//同步删除
  // console.log("删除成功")

  }

详情见：https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorage.html

 

5、小程序中的路由跳转：

　　　　微信Api跳转，

　　　　　　wx.switchTab、wx.natigator 　　　　　　详情见：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.html

　　　　组件跳转

　　　　<navigator url="/pages/logs/logs">日志页面</navigator>　　url是跳转路径，默认是，当前页面如果有tabBar那么不支持跳转

　　　　如果需要跳转那么

　　　　<navigator url="/pages/logs/logs" open-type="switchTab">日志页面</navigator> 　　　　详情见：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html下 6、用户授权的方式？ 　　api 　　

　　

标签：console,自定义,微信,程序,一块,跳转,组件,页面,wx
来源： https://www.cnblogs.com/Bree/p/12025068.html