Vue2.0父子组件之间的双向数据绑定问题解决方案

Posted pzhu1

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue2.0父子组件之间的双向数据绑定问题解决方案相关的知识,希望对你有一定的参考价值。

对于vue 1.0项目代码,如果把vue换成vue 2.0,那么之后项目代码就完全奔溃不能运行,vue 2.0在父子组件数据绑定的变化(不再支持双向绑定)颠覆了1.0的约定,很遗憾。

解决方案只有两种:

1)父子组件之间通过vue事件机制传递数据,这太麻烦,而且可能会遇到问题。

2)不用父子组件方式,直接在父组件写template,这就放弃了组件机制,倒退回到传统编程方式,因为组件机制不行。

3)用js对象引用机制实现相当于双向绑定的功能,这种方法是100%可行没有任何问题,但也很麻烦,搞不好就搞晕了,幸亏vue框架还支持js对象引用机制,否则就死定了。

 

有具体问题欢迎大家来交流。

 

以上是关于Vue2.0父子组件之间的双向数据绑定问题解决方案的主要内容,如果未能解决你的问题,请参考以下文章

vue2.0父子组件通信的方法

VUE父子组件之间如何实现数据双向绑定

VUE父子组件之间如何实现数据双向绑定

vue 父子组件数据的双向绑定大法

angularjs1.x版本,父子组件之间的双向绑定

Vue父子组件双向数据绑定