Vue2:父子组件间参数传递 - 单项传递和双向绑定

59 篇文章 ¥19.90 ¥99.00

1、单向传递:

在之前的经验中,数据通常都是从父组件通过prop单项传递给子组件,供子组件使用,但是并不修改。

2、双向传递

2.1 子组件修改后通过事件触发传递给父组件

Vue2踩坑记录:父子间参数传递,不要尝试修改计算属性,可能无法实现响应式一文中,父组件通过prop传递给子组件,子组件接收后拷贝一份,在子组件内部修改,修改完成后,通过$emit事件触发,再将修改后的数据传递给父组件使用;

2.2 通过.sync修饰符(Vue2中建议使用)实现父子组件间数据的同步

但是今天的需求,子组件并不知道何时更新完毕,只有父组件操作时才会主动向子组件请求最新的数据,这样就无法通过子组件发送事件来通知父组件了。此时可以使用.sync修饰符来实现数据同步。

子组件定义steps,接收父组件传递来的参数,并在子组件中作为一个table中的data(

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值