wepy学习基础指令，开发8年的老Android才知道

• 使用自定义组件

8、增加页面

在app.wpy配置页面config配置中

pages: [‘pages/index2’,‘pages/index’],

9、props传值

• 静态传值

静态传值为父组件向子组件传递常量数据，因此只能传递String字符串类型。

模拟数据（声明数据msg1）

data = {

msg1: ‘父组件的数据’

};

传递数据

注意："："不能省略

接收数据

在子组件export default中声明接收

props = {

msg1: String

};

使用数据

{{msg1}}

• 动态传值，单向绑定

使用sync，只需要在父组件传递数据时添加sync即可实现，子组件的数据随着父组件变化而变化

• 动态传值双向绑定

使用sync 和twoWay，只需要在父组件传递数据时添加sync即可实现，子组件添加twoWay:true

父组件

子组件

props = {

msg1: {

type:String,

twoWay:true

}

};

10、父子通信$broadcast（实现父事件对子事件的调用）

• 创建子组件Cat、Dog

{{msg}}

• 父组件调用

<view @tap=“myTap”>{{msg}}

主要使用的是父组件$broadcast，和子组件events

11、子组件向父组件通信$emit

• 创建子组件SonA、SonB

<view

class=“myHeader”

@tap=“aTap”

点击SonA

• 父组件调用

{{msg}}

子组件使用$emit进行触发父组件的事件，父组件使用events进行接收（自定义事件和&emit结合使用父组件不用再使用events进行接收，直接执行自定义事件

）

12、平行组件之间的通信$invoke

• 父组件

• A组件

<view

class=“myHeader”

@tap=‘myTap’

A:

• B组件

B:{{msg1}}

注意：A子组件要调用B子组件的事件，必须引入B组件

13、组件自定义事件处理函数（@tap.default,@tap.stop）

• .default: 绑定小程序冒泡型事件，如bindtap，.default后缀可省略不写；

• .stop: 绑定小程序捕获型事件，如catchtap；

• .user: 绑定用户自定义组件事件，通过$emit触发。注意，如果用了自定义事件，则events中对应的监听函数不会再执行。

注意：default是默认的冒泡事件，可以不写；

stop是阻断冒泡事件，但是注意父组件事件名称不可以和子组件的事件名称一样，否则事件不会阻断；

自定义事件 例如：@childFn.user=“parentFn”（和&emit结合使用父组件不用再使用events进行接收，直接执行自定义事件）

14、插槽

• 单个插槽直接进行使用即可

面板子组件panel

父组件引用

插入新视图

• 多个插槽需要进行命名

面板子组件panel

父组件引用需要进行对应