vue 学前班001（基础概念）

1 学习目标

通过这一节，你会学会：

1.目前前端技术使用的趋势

2.什么是MVVM

3.Vue.js的两大核心

4.Vue.js的适用场景

诞生背景

近几年来，得益于手机设备的普及和性能的提升，移动端的web需求大量增加，产生了一种叫webapp的东西，也就是移动端的网页应用。

它们功能越来越复杂，交互也越来越酷炫，功能与效果越来越接近于原生的APP。

但是打开会有等待用户体验不好 a标签链接需要等待所以为了解决这个 vue 开发模式诞生了另外还有最近你很多的 apicloud + vue + aui 的开发虽然有很多问题但是用户体验变的更好了（废话不多说先看vue 吧）

什么是MVVM

MVVM可以拆分成：View --- ViewModel --- Model三部分，看下面的视图：

那么，我们怎么理解MVVM呢？

上图中，左侧的View相当于我们的DOM内容，我们所看到的页面视图，右侧的Model相当于我们的数据对象，比如一个对象的信息

name： 张三

age：21

而中间的监控者就负责监控两侧的数据，并相对应地通知另一侧进行修改。比如：你在Model层中修改了name的值为：“李四”，那么View视图层显示的“张三”也会自动变成了“李四”，而这个过程就是有ViewModel来操作的，不需要你手动地去写代码去实现（你不用再手动操作DOM了）。

Vue的核心

Vue的数据驱动：数据改变驱动了视图的自动更新，传统的做法你得手动改变DOM来改变视图，vuejs只需要改变数据，就会自动改变视图，一个字：爽。再也不用你去操心DOM的更新了，这就是MVVM思想的实现。

视图组件化：把整一个网页的拆分成一个个区块，每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图：

4 适用场景

如果你还在用jquery频繁操作你的DOM来更新页面的话，那么，你可以用Vue.js来解放你的DOM操作了。

如果你的项目中有多个部分是相同的，并可以封装成一个组件，那么，你可以试试用Vue.js。

此外，Vue.js的核心实现中使用了ES5的Object.defineProperty特性，IE8及以下版本浏览器是不兼容的，所以，你的项目需要兼容这些较低版本的浏览器的话，那么，Vue.js就不适用了。

毕竟，开发一个项目的目的不是为了使用某个框架。

巴特西