微信小程序能力

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>