千峰商城-springboot项目搭建-17-vue

1.使用jQuery的复杂性问题

使用jQuery进行前后端分离开发，既可以实现前后端交互（ajax），又可以完成数据渲染。

存在的问题：jQuery需要通过HTML标签拼接，dom节点操作完成数据的显示，开发效率低且容易出错，且渲染效率较低。

 

2.vue是继jQuery之后的又一优秀的前端框架。专注于前端数据的渲染，语法简单，渲染效率高。

 

3.前端框架：

前端三要素：HTML（决定网页结构），CSS（决定显示效果），JavaScript（决定网页功能（交互、数据显示））。

ui框架：Bootstrap，amazeUI，Layui

JS框架：jQuery（插件：jQueryUI）、React，angular，nodejs，vue（集各种前端框架的优势发展而来）。

 

4.MVVM：

项目结构经历的三个阶段：

后端为主的MVC阶段：可以理解为单体架构，流程控制是由后端控制器完成。

前端为主的MVC阶段：前后端分离开发，后端只负责响应请求。

前端为主的MVVM阶段：前端请求后端接口，后端返回数据，前端接收数据，并将接收的数据设置“VM”，HTML从VM取值。

 M：model，数据模型，指的是后端接口返回的数据。

 V：view，视图模型。

 VM：ViewModel，视图模型，数据模型与视图模型之间的桥梁，后端返回的model转换前端所需的vm，视图层可以直接从vm中提取数据。

 

5.vue介绍

vue被设计为可以自底向上逐层应用。vue的核心库只关注图层，不仅易上手，还便于与第三方库或既有项目整合。