父子组件

一、父传子

第一步:在模板标签中自定义一个属性,这个属性得值就是子模板中接收得值,自定义得属性不能是关键字。
第二步:在组件中新建一个props对象,对象中定义传入得参数类型,属性名是自定义得属性名
第三步:在初始化后状态中更改掉请求得传入参数

二、子传父

子组件调用父组件的方法

  1. 在父组件中给引用的子组件注册一个事件(这个事件的名字是自定义的)
  2. 子组件可以触发这个事件 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传得参数就是子组件接收过来得值
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值