Vue到底有多好用？

学习Vue后，个人的总结如下：

1.MVVM设计思想：第一点，也是最重要的一点，MVVM（model、view、viewmodel）就是让开发者直接操作M中的数据（也就是JS中的数据），通过VM这条天桥，连接到V（视图，用户界面），将数据填上用户界面中；相反，当用户修改了页面的数据（如input输入框中的数据）,同样是通过VM，将M中对应的数据进行修改。所以，我们只需修改M中的数据，就能操作页面的数据，页面的数据发生变化时，我们M中的数据也会随之发生对应的变化。这就是数据双向绑定MVVM。

2.单页面应用(SPA)：什么叫单页面应用？说白了，就是系统的所有页面都是在同一页上。路由模式有两种：hash和history模式，hash模式原理就是a标签的锚点。一般是使用hash模式。

3.v-model指令（语法糖）：什么叫语法糖？就是按照它的规则，我们操作一小步，它在背后帮我们完成了很多复杂的事情。通过v-model指令，将我们的数据，进行双向绑定（页面  --  JS）。语法糖我们要会使用，同时，我们也需要了解一下这个指令到底做了什么事情！无非就两步，第一步：给我们的绑定的数据通过Object.defineProperty()设置getter\setter（V2.0），这是，当我们获取或者设置该数据时，会出发对应的操作；第二步：在v-model的html元素上绑定onChange事件，当数据发生变化时，就会出发该事件，并将该数据进行对应的修改。

4.VDOM虚拟DOM：虚拟DOM是啥？真实DOM又是什么？虚拟DOM就是用JS写的一个结构，就好像数据结构中的树结构，HTML就是树根；真实DOM就是我们说的页面元素。为啥要用虚拟DOM？这要从操作真实DOM的代价讲起，首先，修改真实DOM，比如修改元素的样式，那么就会引起浏览器的重绘，修改元素的大小，就会引起浏览器的重排并且重绘。这就是操作真实DOM的代价。相反操作虚拟DOM的话，实际上是操作我们用JS编写好的树结构，保存在内存中，操作后之后，再一次性的让浏览器重排与重绘，就可以减少浏览器重排重绘的次数。什么叫重排重绘？当改变元素的大小时，元素的位置会发生变化，浏览器就需要重新排列，这就叫重排；什么叫重绘，当改变元素样式的时候，浏览器需要重绘绘制元素的样式，这就叫重绘。重绘不一定需要重排，但重排必然导致重绘。（浏览器先排列再绘制）

5.v-show、v-if、v-for指令：v-show控制着元素的display属性：false => none；v-if控制着元素的生命，false =》 删除该元素；v-for：一条语句，让你想执行多少次就执行多少次

6.组件化开发思想：组件就如同拼积木一样，一块一块的拼接，就成为了页面。为什么要使用组件？页面上可能某一块是一模一样的，或则，该页面的某一块与另一个页面的某一块一摸一样，难不成，我们直接复制黏贴对应的代码到另一个页面？这就比较浪费时间了。我们将页面的某一个块设置为组件（变成积木），另一个页面需要用到时，就直接使用这个积木，非常的方便。

7.生命周期：生命周期就相当于一个人的一生，从出生到  --  到身体发生变化  --  到死亡。

8.脚手架：什么是脚手架，脚手架有什么用？一个项目，需要这个那个插件，代码目录结构怎么样才好.......？脚手架通通帮我们处理好。说白了，脚手架就是一个工具，我们通过简单的几句代码，就能命令它帮我们干很多麻烦的事情。

9.路由：比如一个路口，有100条路可以选择，我们要去北京，到底走哪条路？路由就相当于一个路牌，告知我们哪条路通向哪里。

10.状态管理机：简单来说就是全局变量的容器，可以模拟理解为JS中的全局变量的一个容器，不管我们在哪里，我们都可以使用这些全局变量。

先有Angular，再有React，再有Vue，因此，学习完Vue后，再学Angular、React是相对来说不难的。

赶紧动起来！！！