一、父传子
第一步:在模板标签中自定义一个属性,这个属性得值就是子模板中接收得值,自定义得属性不能是关键字。
第二步:在组件中新建一个props对象,对象中定义传入得参数类型,属性名是自定义得属性名
第三步:在初始化后状态中更改掉请求得传入参数
二、子传父
子组件调用父组件的方法
- 在父组件中给引用的子组件注册一个事件(这个事件的名字是自定义的)
- 子组件可以触发这个事件
e
m
i
t
(
′
事件名
字
′
)
子组件给父组件传递数据
1.
emit('事件名字') 子组件给父组件传递数据 1.
emit(′事件名字′)子组件给父组件传递数据1.emit方法第二个参数可以定义子组件给父组件传递的内容
2.在父组件中怎么拿到这内容
2.1 父组件这个方法没有自定参数,在父组件的方法直接加这个参数就可以拿到
2.2 父组件有自定义参数,可以传入 e v e n t 也可以拿到子组件传递的数据。通过 event也可以拿到子组件传递的数据。通过 event也可以拿到子组件传递的数据。通过event只能传递第一个参数
1、第一步:将子组件标签放入父组件中,并为子组件标签添加一个自定义事件
2、第二步
利用this. e m i t 方法将子组件得数据传递出去,他有俩个参数 : 第一个参数:自定义的名字第二个参数:传递的数据 = = = = 第三步在组件得 m e t h o d s 中接受这些数据,接收得这个方法是在自定义事件 = ′ 父组件接收得名 字 ′ 他用 emit方法将子组件得数据传递出去,他有俩个参数: 第一个参数:自定义的名字 第二个参数:传递的数据== ==第三步 在组件得methods中接受这些数据,接收得这个方法是在自定义事件='父组件接收得名字' 他用 emit方法将子组件得数据传递出去,他有俩个参数:第一个参数:自定义的名字第二个参数:传递的数据====第三步在组件得methods中接受这些数据,接收得这个方法是在自定义事件=′父组件接收得名字′他用event传得参数就是子组件接收过来得值