Vue | 01.Vue基础 - 概述

1.前端开发模式

静态页面

• 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容

JavaScript诞生

1995年，JavaScript诞生，前端工程师可以操作页面的DOM元素及其样式，页面有了一些动态的效果，但仍是以静态为主

异步刷新，操作DOM

2005年开始，ajax被前端开发人员重视，因为ajax技术实现了不用刷新页面就可以更新页面的数据和渲染效果

此时的开发人员不仅要编写HTML样式，还要会使用ajax与后端交互，然后通过JS操作DOM元素来实现页面的动态效果。比较流行的框架jQuery就是典型代表。

MVVM，关注模型和视图

• 2009年，Ryan Dahl在谷歌的Chrome V8引擎基础上，打造了基于事件循环的异步IO框架：Node.js
• 此后，一大批基于Node.js的前端框架涌现出来：

MVVM模式

• M：即Model，模型，包括数据和一些基本操作
• V：即View，视图，页面渲染效果
• VM：即View-Model，模型与视图间的双向操作(无需开发人员干涉)

MVVM模式诞生之前，开发人员从后端获取需要的数据模型，然后通过DOM操作Model渲染到View中。而当用户操作View，开发人员还要通过DOM获取View中的数据，随后同步到Model中，再发回给后端。

而MVVM中的VM要做的事情就是将DOM操作完全封装起来，将开发人员从繁琐的DOM操作中解放出来，而开发人员则将关注点放在如何操作Model上：

• 只要Model发生改变，View就会随之改变
• 只要View发生改变，Model就会随之改变

2.国人之光 - Vue

用于构建用户界面的渐进式前端框架，与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关心View层。

前端框架三巨头：Vue.js、React.js、AngularJS，vue.js以其轻量易用著称，vue.js和React.js发展速度最快。

渐进式：可以选择性地使用该框架的一个或一些组件。

3.小结

MVVM通过视图与模型的双向绑定，简化前端操作。而Vue是一款MVVM模式的前端渐进式框架，提高前端开发效率。