理解 Vue 的单向数据流？

Question

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

Answer 1

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