Vue之2.x版本父子组件双向绑定事件

以前面试的时候技术很自然的问到你知道vue有什么特点吗,那时候没深入了解vue,仅仅是对vue1.0的一些知识学习一点,于是乎顺口说vue能双向绑定数据,现在想想真尴尬啊,vue2.0已经移除了双向绑定,需要自己动手去实现才行。下面正文:
Vue 2.x相比较Vue 1.x而言,有个比较大的变化就是移除的组件的props的双向绑定功能。
在Vue1.x中利用props的twoWay和.sync绑定修饰符可以实现props的双向绑定功能,但在Vue2.x中彻底废弃了此功能,如果需要双向绑定需要自己来实现。
在Vue2中组件的props的数据流动为单向,由组件外通过组件的DOM属性传递props给组件内,组件内只能被动接收组件外传递过来的数据,并且在组件内,不能修改由外层传来的props数据。
例如Vue2中双向绑定父子组件数据,具体参照上一篇子组件–>父组件的bus.$emit()方法,父组件可以通过props来传递给子组件dom上状态的改变,而在子组件中想要改变状态却不能直接修改父组件的数据,只能传递改变的状态到父组件,在父组件中由父组件来接收子组件传来的状态再进行实现数据改变,从而实现父子组件的状态双向绑定

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值