主流的Java模板引擎
Thymeleaf
Thymeleaf是用于Web和独立环境的现代服务器端Java模板引擎。Thymeleaf的主要目标是将优雅的自然模板带到您的开发工作流程中—HTML能够在浏览器中正确显示，并且可以作为静态原型，从而在开发团队中实现更强大的协作。能够处理HTML，XML，JavaScript，CSS甚至纯文本。Thymeleaf的主要目标是提供一个优雅和高度可维护的创建模板的方式。Thymeleaf也是从一开始就设计(特别是HTML5)允许创建完全验证的模板。Spring Boot 官方推荐使用 thymeleaf 而不是 JSP。
Freemarker
FreeMarker是一款模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本（HTML网页、电子邮件、配置文件、源代码等）的通用工具。 它不是面向最终用户的，而是一个Java类库。轻量级模版引擎，不需要Servlet环境就可以很轻松的嵌入到应用程序中，能生成各种文本，如html，xml，java，等，入门简单，它是用java编写的，很多语法和java相似。
前端三大框架Vue
Vue.js是一套构建用户界面的渐进式框架。Vue 只关注视图层， 采用自底向上增量开发的设计。目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
React
React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
Angular
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。
Java模板语言与前端框架区别Java模板语言依赖于后端，后端把数据绑定到页面的相应标签上，还要用相应的类来解析页面，也就是视图解析器，这样呈现出的页面才是绑定数据后的样子。
三大前端框架通过Js来操作，更多是HTML5页面与Js之间的交互，只专注于前端。
语法不同，也完全不是一个概念，页面出现Freemark、Thymeleaf语法，估计前端的人都看不懂也不知道数据哪里来的。前端的框架大都是基于JavaScript 的，Java 后端框架大都基于Java语言。
个人观点，欢迎大家批评指正，一起交流学习