我正在做一个小项目，这个项目已经使用Thymeleaf来渲染视图。但是现在我想要一部分页面来集成Vue.js。我可以在不同的端口上打开2个应用程序，例如8080和8081，但是我想知道如何同时使用Thymeleaf和Vue.js创建一个HTML文件（这甚至是可能的），以及是否有办法在同一个端口上运行它们。我找到的所有文章都使用@RestController来使Spring项目成为一个Rest API，但我使用的是带有视图的@Controller。谢谢大家
ccrfmcuu1#
Vue.js是渐进的。您可以以任何集成程度将其添加到项目中。由于tymeleaf是在后端处理的，一个全功能的vue项目提供了已经渲染的文件的捆绑版本，所以它们在这一点上是一致的。好的银是将其作为常规javascipt依赖项添加，由webjars管理，然后在thymeleaf模板中使用它。通过这样做，你给予了开发过程中的单文件组件，开发服务器和热模块替换，但你仍然可以创建vue示例并在thymeleaf渲染的页面上使用reaction。更多关于如何使用vue作为独立脚本的细节请参见这里。
1条答案
按热度按时间ccrfmcuu1#
Vue.js是渐进的。
您可以以任何集成程度将其添加到项目中。
由于tymeleaf是在后端处理的，一个全功能的vue项目提供了已经渲染的文件的捆绑版本，所以它们在这一点上是一致的。
好的银是将其作为常规javascipt依赖项添加，由webjars管理，然后在thymeleaf模板中使用它。
通过这样做，你给予了开发过程中的单文件组件，开发服务器和热模块替换，但你仍然可以创建vue示例并在thymeleaf渲染的页面上使用reaction。
更多关于如何使用vue作为独立脚本的细节请参见这里。