本文详细介绍了在微信小程序中如何构建组件间的父子关系，包括父组件通过属性绑定向子组件传值，子组件通过自定义事件向父组件传值，以及如何通过获取组件实例来实现更灵活的数据交互。文中提供了具体的代码示例，演示了值的传递和修改，以及组件实例的使用方法。
目录
1 构建组件间的父子关系
需要在father1.json中引入son1，然后再father.wxml中使用son1
2 父向子传值-属性绑定
属性绑定很像props。属性绑定只能传递普通类型的数据，不能传递方法
首先在父组件中定义一个变量
之后把这个值传给子组件
子组件接一下
然后用就行了
如果这个时候你改动子组件的 something，并不会影响父组件的 something，我们简单测试一下
先显示父组件的something值
让子组件的something+1
点击了几下发现只改变了子组件的something，而没有改变父组件的something
3 子向父传值-自定义事件
自定义事件可以传递任何类型的数据
父组件要做的事情
子组件要做的事情
打开后是这样的
点击传递之后是这样的
4 获取组件实例
相比于上面两种方法，获取组件实例是操作 父子数据 的最方便的方式。获取组件实例既能 子传父，也能 父传子
父组件要做的事情
- selectComponent()中可以是 类选择器，也可以是 id选择器
子组件只需要定义一个变量就好了
打开后是这样的
如果你想将 父组件的数据 给 子组件，那么就这样的
点击按钮就 将父组件的值给子组件了
如果你想将 子组件的数据 给 父组件，那么就这样的
点击按钮就 将子组件的值给父组件了
获取子组件后，不仅可以使用子组件的数据，也可以使用子组件的方法
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
