menu
書いてる野郎
orebike@gmail.com
Spring Boot/View/Vue.js/Thymeleaf との連携
Spring Boot/View/Vue.js/Thymeleaf との連携
Spring Boot の HTML の View を担当しているのは Thymeleaf なわけだが、こいつと Vue.js がどのように連携するのか
実装パターン
Spring Boot は API パターン
画面側一切合切を Vue が担当して、Spring Boot はリクエストに対して JSON を吐き出すだけというパターン。 所謂 SPA というやつ。
なので最初に一発だけ Vue.js のベースをロードすることをやったらあとは全部 Vue 任せ。 router プラグインを使う
基本的な骨格は Thymeleaf
大きな画面遷移や静的な HTML は Thymeleaf が描画して、その中で vue のJSファイルをロードするというパターン。
通常の画面遷移の中に1つだけ凝った画面があるみたいな場合
