【配置】小程序 创建组件 父子通信

创建组件

在components文件夹下创建一个组件名为demo的组件

wx组件.PNG

在文件夹下面右键创建组件

wxx组件2.PNG

在组件中写内容

wxzujian.PNG

在所需要用的页面上进行配置

wxzujian2.PNG

此时在页面中即可显示组件的内容

image.png

父子通信

子传父
在组件中创建触发事件来执行子传父this.triggerEvent('aa',{},{})
参数1：事件名 参数2：传入的数据，参数3：配置
此方法相当于vue中的this.$emit

image.png

image.png

此时我们点击按钮后就会将数据传入到父组件中

父组件利用自定义事件进行接收子组件传来的数据

image.png

image.png

image.png

父传子

此时我们需要将父组件的数据传入子组件中
父组件数据

image.png

定义属性进行传入子组件

image.png

子组件进行接收
可以设置默认值和传入的类型

image.png

子组件中的值就位父组件中传入的值

image.png