视图和数据混在一起违背了开放封闭原则

Question

在6-4中讲到，使用Jquery时，视图和数据混在一起违背了开放封闭原则，这一句话该如何理解？

开放封闭原则我是知道的，之前的promise这一点可以很好的理解，如果需要增加新的功能那么直接用.then方法就可以了，无需修改只用增加

但这个地方我没有太好的理解，想不到一个适于理解的例子……能不能较为详细的解释一下？vue是视图和数据分离的，那它是如何遵守开放封闭原则的呢？

Answer 1

双越 2018-05-21 09:54:49

视频中做过 to-do-list 的 demo ，分别用 vue 和 jquery 来实现了，从这里就可以对比。例如，在 vue 的例子中，增加、删除项，只需要操作 data 就好了，不必关心 view 。而 jquery 的例子中，增加、删除项需要自己操作 DOM ，就是逻辑和视图操作混合在一起了。前者是分离，后者是后很在一起，如果你了解过开放封闭原则，应该能很容易分出来，哪个更加符合开放封闭原则。

开放封闭原则是设计原则的最终目标，前端框架从 jquery 一路变到 vue 或者 react ，肯定是良性发展，肯定符合开放封闭原则的。方向没问题，至于如何变化以及如何理解，就需要对比 jquery 的方式来看。就是我上面说的那些。

再有问题随时回复我。感觉课程有帮助，欢迎给课程一个好评。

• 提问者 煦八羽 #1

  非常感谢！