当前位置: 首页 > 工具软件 > amaze-vue > 使用案例 >

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

赫连俊悟
2023-12-01

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的核心库只关注图层,不仅易上手,还便于与第三方库或既有项目整合。

 类似资料: