Vue是个啥

想要实现前后端分离，第一步是需要了解和使用Vue框架
是的，Vue是一个框架，一个渐进式JS框架

关于渐进式

渐进式是个啥呢，通常我们使用的前端框架，比如layui、bootstrap，当我们想要使用其中一个功能时（比如按钮），我们需要引入该框架的所有文件

但渐进式不需要这么干，如果你想要使用它的按钮功能，那么你只要引用按钮组件就可了

看到差别了吗，在我的理解里，我把它看作是一种封装，即如果我想要一个东西，Vue把它做好给我，我不需要知道里面是是什么东西，是冰红茶都无所谓

Vue把所有的东西都做成了组件，一个组件的本质就是一个拥有预定义选项的Vue实例
组件里包含了它的样式和js

MVVM框架

Vue能够实现双向绑定，是一个MVVM框架

MVVM model-view-view-model

M： model 即模型 包括数据和一些基本操作
V： View 视图 即页面渲染结果
VM：View-Model 模型与视图间的双向操作
（无需开发人员干涉）

该框架实现了双向绑定，意思就是Model和View之间是相互影响可见的

• 只要Model发生了改变，View上就能够显示出来
• 当用户修改了View,Model中的数据也会跟着改变
  MVVM将开发人员从繁琐的DOM操作中解放了出来，将关注点集中在如何操作Model上

SPA

Single Page Web Application 单页Web应用
SPA是一种特殊的Web应用，是加载单个HTML页面并在用户与应用程序交互时动态更新该页面
它将所有的活动都局限在一个Web页面中完成，仅在该Web页面初始化时加载相应的HTML、Js、Css。一旦页面加载完成，SPA是不会因为用户的操作进行页面重载或跳转的，而是利用Js动态变换HTML(采用的是div切换显示和隐藏），从而实现界面与用户的交互
SPA应用中，应用加载之后就不会有整页刷新了