视图和数据混在一起违背了开放封闭原则
来源：6-4 从jQuery到框架 - 区别
煦八羽
2018-05-17
在6-4中讲到，使用Jquery时，视图和数据混在一起违背了开放封闭原则，这一句话该如何理解？
开放封闭原则我是知道的，之前的promise这一点可以很好的理解，如果需要增加新的功能那么直接用.then方法就可以了，无需修改只用增加
但这个地方我没有太好的理解，想不到一个适于理解的例子……能不能较为详细的解释一下？vue是视图和数据分离的，那它是如何遵守开放封闭原则的呢？
写回答
1回答
-
视频中做过 to-do-list 的 demo ，分别用 vue 和 jquery 来实现了，从这里就可以对比。例如，在 vue 的例子中，增加、删除项，只需要操作 data 就好了，不必关心 view 。而 jquery 的例子中，增加、删除项需要自己操作 DOM ，就是逻辑和视图操作混合在一起了。前者是分离，后者是后很在一起，如果你了解过开放封闭原则，应该能很容易分出来，哪个更加符合开放封闭原则。
开放封闭原则是设计原则的最终目标，前端框架从 jquery 一路变到 vue 或者 react ，肯定是良性发展，肯定符合开放封闭原则的。方向没问题，至于如何变化以及如何理解，就需要对比 jquery 的方式来看。就是我上面说的那些。
再有问题随时回复我。感觉课程有帮助，欢迎给课程一个好评。
112018-05-23
相似问题