Vue的优点：
- 轻量级框架：只关注视图层，构建数据的视图集合 ；
- 简单易学：中文文档，易于理解和学习；
- 双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；
- 组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着独特的优势；
- 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；
- 虚拟DOM：dom 操作是非常耗费性能的， 不再使用原生的 dom 操作节点，极大解放 dom 操作，但具体操作的还是 dom 不过是换了另一种方式；
- 运行速度更快：相比较于 react 而言，同样是操作虚拟 dom ，就性能而言， vue 存在很大的优势
SPA单页面：
spa页面初始化时加载html，JavaScript，css，一单加载完成不会因为用户的操作而刷新页面造成重新加载或跳转。减少前端加载资源和加载频次。
好处：
- 用户体验感增强，不需要因为操作造成页面资源重新加载渲染和跳转
- 减少不必要的加载和重复渲染，减轻服务器压力
- 前后端分离，架构清晰
缺点：
- 页面初次加载内容过多，耗时较多。
- 在一个页面显示所有内容，不能使用浏览器前进后退功能
- 不利于搜索引擎检索，
SPA首屏加载速度慢的怎么解决：
加载慢的原因：
- 网络延时问题
- 加载资源过大
- 是否重复请求加载
- 渲染内容堵塞
优化方式：
- 减少入口文件
- 静态资源本地缓存
- UI框架按需加载
- 图片资源压缩
- 使用SSR
Vue生命周期钩子函数：
生命周期的四个阶段：创建阶段，挂载阶段，更新阶段，销毁阶段
beforeCreate(){};//创建前
created(){};//创建后
beforeMount(){};//挂载前
mounted(){};//挂载后
beforeUpdate(){};//更新前
updated(){};//数据更新后
beforeDestroy(){};//实例销毁前
destroyed(){};//销毁后
