Vue的学习笔记入门(一)

一、学习目标

1.什么是MVVM

2.Vue.js的优点

3.Vue.js的两大核心

4.Vue.js的适用场景

二、什么是MVVM

1.MVVM可以拆分成View-->ViewModel-->Model三部分

对MVVM的理解：

如图，View相当于DOM的内容，也就是我们所看到的页面视图，Model就是数据对象，比如：

   {
       name:"张三",
       age:21,
   }

而中间的监控者负责监控两端的数据，并对应的通知另一侧进行修改。例如：Model层的name修改为“李四”，那么View视图层中的“张三”也会变成“李四”，这一过程就是由ViewModel来操作，不需要手动敲代码实现。

MVVM的js框架除了Vue.js还有React.js、Angular.js.

三、Vue.js的优点

1.Vue.js更轻量、更快

2.容易上手、学起来快

四、Vue的核心

官方解释：通过尽可能简单的api实现响应的数据绑定和组合的视图组件。

Vue的数据驱动：数据改变后驱动视图自动更新；（不用去关心DOM的更新了，这也是MVVM思想的实现）

视图组件化：把一个完整的网页拆分成一个个的区块，每一个区块就是一个组件。

五、使用场景

1.如果项目中多个部分是相同的，并可以封装成一个组件

注意： 由于Vue.js核心实现是使用了ES5的Object.defineProperty特性，所以无法兼容IE8以下浏览器。