VUE基础知识（一）

Vue是什么

1. Vue是一套用于构建用户界面的渐进式框架 “前端框架”
2. 让程序员脱离自己操作DOM 专注于写逻辑和操作数据
3. Vue的核心库只关注视图层 易上手 便于与第三方库或既有的项目整合
4. 当与现代化的工具链以及各种支持的库结合使用时 Vue也完全能够为复杂的单页应用提供驱动

说明：

构建用户界面：就是说，通过vue可以构建一个用户界面。这句话的理解是，传统的动态界面构建，是通过后台获取数据，然后通过操作DOM，实现界面的动态变化了。但是现在这个过程，就是通过VUE来实现的，也就是所，VUE获取后端数据以后，再将数据给界面，从而实现用户界面的构建。

脱离操作DOM：就是说，VUE自己会操作DOM，用户只需要关注DATA就可以了，也就是用户只需要关心，如何控制数据就可以了，不用关心去查找DOM，然后再去操作DOM。

便于与第三方库或既有的项目整合：这个就是说VUE是一个没有侵入性的js库，并不想react或者是angularJS这些库，他们没有办法与其他的框架整合到一起。但是VUE可以，VUE可以与jquery等其他库很好的融合。这个是很重要的特性。

什么是MVVM

• M

model 数据

• V

view 页面

• VM

viewModel Vue实例

DOM监听(DOM Listeners)

数据绑定(Date Bindings)

说明：

当VIEW的数据发生改变的时候，ViewModel是通过DomL Listener监听到的，然后获取DOM数据，更新MODEL（这个更新，就是发送请求等操作），而当model数据发生改变了的时候，ViewModel是通过数据绑定，将model的数据发送给VIEW实现动态的页面显示，或者是数据的变更。