组件传值
文章平均质量分 64
xiaofiy
每天学一点
展开
-
React组件通信归纳
React组件通信1.父子组件通信1.1父传子 采用props的格式1.2 子传父2.兄弟组件通信3.祖孙组件传值总结 搭配方式1.父子组件通信1.1父传子 采用props的格式 父组件 中export default class Father extends Component { //数据状态 state = {todos:[ {id:'001',name:'吃饭',done:true}, {id:'002',name:'睡觉',done:true} ]} render()原创 2021-09-23 20:28:20 · 172 阅读 · 0 评论 -
组件传值的几种类型小结
最近遇到组件传值的问题特别多,索性自己总结下吧一、单向传值1. 父传子型2.子传父二、双向传值1.任意组件通过事件总线2.父子互传3.vuex也可以实现组件之间传值一、单向传值1. 父传子型核心:利用props传递父组件中 标签中定义动态属性例如:在父组件中<template> <div :son='father'></div></template><script> export default { data () {原创 2020-06-08 22:13:09 · 1059 阅读 · 0 评论