uni-app中的三种组件通信

#父组件向子组件传值
## 通过props来实现 在父组件中有一个num值想要传递给子组件,首先要自定义一个 绑定事件 绑定事件的值是要传递的参数,然后在子组件中通过props来接收这个绑定的值就可以了。

#子组件向父组件传值
## 通过$emit来实现的,首先在子组件中定义一个按钮点击这个按钮会向父组件传值,给这个按钮绑定一个点击事件通过$emit自定义一个事件的名称,并且附带传递的参数位要给父组件的值,然后在父组件中的注册子组件的位置绑定子组件定义的函数给一个事件,然后在父组件中定义这个事件处理函数拿到这个传递来的值

#兄弟组件之间的通信
## 这里需要通过uni-app的函数来实现,分别是  uni-$on 监听全局自定义事件  和   uni-$emit 触发全局自定义事件 来实现 首先在a组件中有一个值 num 我们需要在a组件中created钩子中声明一个 全局监听自定义函数 uni-$on('add',num=>{ this.num+=num })  然后在b组件中定义一个事件处理函数 uni-$emit('add',10) 这样子我们在点击b组件中的按钮的时候就可以事件改变a组件中的数据的值

上一篇:uni-app 微信小程序 uni-swipe-action 组件无法实现滑动删除的解决方案


下一篇:老问题:JSP,AJAX,UTF-8,Get,乱码!