1.为什么要学习Vue？

在这里我们先简单介绍一下什么是MVVM框架

MVVM（Model–view–viewmodel）是一种软件架构模式。

MVVM有助于将的开发与业务逻辑或后端逻辑（数据模型）的开发分离开来，这是通过置标语言或GUI代码实现的。MVVM的视图模型是一个值转换器，[1] 这意味着视图模型负责从模型中暴露（转换）数据对象，以便轻松管理和呈现对象。在这方面，视图模型比视图做得更多，并且处理大部分视图的显示逻辑。[1] 视图模型可以实现中介者模式，组织对视图所支持的用例集的后端逻辑的访问。

想了解更多MVVM（维基百科 https://zh.m.wikipedia.org/wiki/MVVM

vue 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。从技术上讲， vue 集中在 MVVM 模式上的视图模型层，并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架，vue 更容易上手。

可能看到这里你还是有点晕，其实就相当于vue做了一个中间件（view model），通过获取后端的数据，将数据呈现到前端界面，同时前端界面的操作也会通过vue影响后端之前用jsp+jquery+ajax开发是不是界面的跳转要通过后端实现，在这里vue有提供vue -router，可以提供界面的跳转，同时vue还提供一个叫做组件的东西，其中有个东东叫做插槽(slot)组件是提供复用的，减少开发代码成本，而插槽可以为开发人员提供可决定的组件（就是把组件写不死，每次都可以用同一个组件但是可以在里面放不一样的内容，是不是很好？）

其实到现在MVVM都有点落后了，现在讲究的是前后端的完全分离。前端用vue写，后端只写接口，中间用axios+restful接口实现数据的传输，当然传输的还是json，嗯嗯所以现在基本都是vue+springboot（建议学一下）

 vue的好处

• 简单易学。vue 只关注图层，非常容易学习，很多前端开发者可以很快掌握并且应用到实际开发中。
• 高性能。vue 是一款友好的、多用途且高性能的 JavaScript 框架，他能够帮助你创建可维护性和可测试性更强的代码。
• 运行速度快。vue 是单页面应用，使页面局部更新，跳转页面时并不需要请求所有数据和 dom，使得运行速度大大加快。
• 用户体验好。由于运行速度的提升，进而提升用户体验。

 2.学习vue的前提

首先肯定要对html，css，JavaScript有一定掌握特别是JavaScript，同时最好也要对npm有一定的了解，这里的了解指的是会配置、安装使用npm即可，毕竟后面我们要用到vuecli（vue的脚手架开发）什么是vue的脚手架呢？简答点说就是以后我们通过脚手架创建vue项目

3.vue简单描述

当我第一次进入vue的官方文档之后，开始学习vue之后，我一直以为vue跟jQuery一样简简单单是一个js文件而已，但是后面我发现，vue的功能十分强大，语言难以服人上图

这是后面vue与webpack以及vuecli结合时的（注意看目录结构）是不是很规范

 如果你只是把它当作一个js文件导入到html（虽然说我刚开始就是这么做的）很low

 看到这边我简单总结一下接下来学习vue不仅仅是要学习vue的使用，更要结合webpack，npm，vuecli axios等等，所以说加油吧