javascript - 使用传统js操作DOM与用Vue等框架有何具体不同？

Question

知道一些vue一些基本的应用但是还是不太明白为什么要这么干，麻烦大大们说详细一点，小白啥也不会。。。

Answer 1

First of all,单页SPA应用是导致vue这些框架出现并繁荣的最大原因。

诚然，写普通网站跳转页面，加载新信息，展示，这些情况下，用jQuery不知道有多爽啊！

But，SPA单页应用能带给用户更好的体验啊。web应用越来越复杂，越来越庞大，越来越多的功能点都集中在一个页面的时候，各种各样的功能互相排列组合、互相影响，用jQuery来操作dom将会是非常操蛋的事情。因为不同的操作和数据变化都要在界面上做出相应的反馈，这些都要操作dom来完成。当你的代码量累积起来很大的时候，不说多了，我最近写的一个项目，单js文件2500行，用的是jQUery，每次修改一个东西我都要找上找下，看看别的地方要不要操作dom保持相应的UI变化，分分钟想死啊。。。于是，这段时间在考虑如何用模块化和组件化解决这个问题。

而用vue等框架呢？DOM操作有了组件化和视图数据绑定的加持，dom操作能更加方便，更加清晰有条理。
同时，你可以方便的进行分模块处理。项目更加有逻辑和健壮。

即兴打的。没讲究条理。抛砖引玉。

Answer 2

类似Vue这类框架的好处有很多，比如组件化、数据绑定等，可以更规范更可控的完成开发。

至于为什么要用这些东西，或者说本来简简单单就搞定了为什么搞这么复杂，可以这样来理解：比如你开一家饭馆，服务员、厨师都是你一个人，当然怎么弄都没错，但如果像肯德基那种规模，再随意弄就乱套了，必须有一套规范来帮助运作。

所以，这类框架就是来解决复杂性的问题，尤其是交互复杂的页面。如果你想更深的理解，建议自己用两种不同的方式来实现一下TODO，就什么都明白了。