vue.js从创建组件到调用完整版(父子组件之间得传递:props,emit和附加动态引用样式)

创建组件及父组件传子组件大体流程【props】

1.新建页面
2.import出位置
3.放入components中
4.写标签
5.在data中写要传入得数组或参数
6.赋值
第一步(父页面需要做的事情):
在这里插入图片描述

我这里是点击事件调用出抽屉所以需要在点击得时候赋值,添加一个方法,将formData赋值,使用ref控制子页面中得显示隐藏
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
第二步(子页面需要做得事情)
在这里插入图片描述
props接收参数
在这里插入图片描述
这样参数就传递完成了
在这里插入图片描述

子组件传父组件大体流程[emit]

子组件传父组件,调用父组件的方法,可以是带参数得也可以是不带参数的
第一步(父组件要做的事情)
在这里插入图片描述

在这里插入图片描述
第二步(子页面需要做得事情)
此时子组件已经可以调用父组件的方法了
在这里插入图片描述

在这里插入图片描述
这样就可以了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值