理解 Vue 的单向数据流?

理解 Vue 的单向数据流?

据说这样会防止从子组件意外改变父级组件的状态,但是这样做很不方便。平时我都是this.$parent.name , 或者 this.$refs.Input 这样修改父子组件的属性和方法的,这样做有什么坏处,有没很好的例子解释一下,为什么组件要设计成单向数据流。


回答:

保持单向使得整个程序可预测,如果子组件可以修改父组件的数据,那么数据的变更将不再局限于父组件,而是任何地方,因为子组件还有子组件,如果都允许这种修改那就等同于任何地方,这就对维护以及bug定位带来困难,也不符合开闭原则。
然后再来说说不方便这个问题,写程序不能只是考虑方便,不然也不会有那么多的编程范式和设计模式,程序要考虑和侧重的地方不同,重点就不同,如果你的程序写一次就不再使用,比如DEMO一类的,那一般是怎么方便怎么来,能达到你的需求/目的即可,但是一般开发往往不是这样的,要考虑代码的可维护性/健壮性,为了提升这一些指标就可能要舍弃另一些指标,比如性能,还有方便,其实vue可以用vModel/.sync来简化你的父子数据双向绑定的。

以上是 理解 Vue 的单向数据流? 的全部内容, 来源链接: utcz.com/p/935829.html

回到顶部