tap:function(){wx.getNetworkType({}) 获取手机连接到的互联网}
tapScan: function() {wx.scanCode({})} 获取手机的扫码能力
open-data 展示微信开放的数据
wx.canIUse() 判断小程序的api 回调 参数 组件等是否在当前版本可用
自定组件
创建组件
构造器使用的时Component
配置文件中设置component:true
引入组件
首先声明这个组件,在配置文件声明
"usingComponents": { "my-button":"/components/MyButton/MyButton"},
设置插槽<slot></slot>
命名插槽
开启配置
Component({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 },})// 使用的时候// 父组件<son> <view slot="名字"> </view> </son>// 子组件中<slot name="名字"></slot>
组件中的样式
类似于页面,自定义组件拥有自己的 wxml 模板和 wxss 样式
组件模板
组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。
在组件模板中可以提供一个 <slot> 节点,用于承载组件引用时提供的子节点。
<!-- 组件模板 --><view class="wrapper">
<view>这里是组件的内部节点</view>
<slot></slot></view>
<!-- 引用组件的页面模板 --><view>
<component-tag-name>
<!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
<view>这里是插入到组件slot中的内容</view>
</component-tag-name></view>
父传子
在子组件中定义属性
properties: { // 复杂定义 name:{ type: String, value:'张三丰' }, // 简单定义 name2:String},
子传父
在组件中绑定一个自定义事件
// 引用了自定义的组件, 绑定了myevent事件,这个事件对应的是parentEvent方法<test-button name="张无忌" bindmyevent="parentEvent"></test-button>