您的位置:首页 > 产品设计 > UI/UE

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

2017-10-25 21:31 741 查看
以前面试的时候技术很自然的问到你知道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上状态的改变,而在子组件中想要改变状态却不能直接修改父组件的数据,只能传递改变的状态到父组件,在父组件中由父组件来接收子组件传来的状态再进行实现数据改变,从而实现父子组件的状态双向绑定
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: