理解 Vue 的单向数据流?

lamber0808
  • 1k

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

回复
阅读 250
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏