#父组件向子组件传值
## 通过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组件中的数据的值
相关文章
- 11-23图解通信原理与案例分析-32:物流仓储和智能交通中的RFID通信技术详解
- 11-23OpenCV使用连通组件检测并输出图像中的对象
- 11-233GPP R16中与车联网、PC5、V2X、直连通信相关的协议汇总
- 11-23【Vuex】在vue组件中访问vuex模块中的getters/action/state
- 11-23Ionic4.x 中的 UI 组件(UI Components) 侧边栏ion-menu组件以及底部tabs结合 侧边栏 ion-menu
- 11-23uni-app中引入组件、css样式以及js文件的方法
- 11-23vue调用组件,组件回调给data中的数组赋值,报错Invalid prop type check failed for prop value. Expecte
- 11-23vue组件中,iview的modal组件爬坑--modal的显示与否应该是使用v-show
- 11-2319_非但文件名组件中VueComponent构造函数&重要的内置关系
- 11-23Intent实现Activity组件之间的通信