项目 JSP 前端应该如何平滑迁移到 vue

[Marstin]

当前项目使用 JSP 技术开发，前端页面就是 jquery+bootstrap
考虑技术转型有以下原因：
1、购买的关键技术插件只有 ES6 版本，所以现在某些模块代码较为混乱，ES5 和 ES6 穿插其中，且 ES5 调用 ES6 的代码功能只能用发布订阅方式实现。
2、考虑插件的开发难度和代码量。vue 的模块化做得非常好，组件的可复用性很高，上手可能会有点难，但是开发难度上极大降低了，开发效率也能明显提高。
3、个人的发展前景考虑，以目前项目的开发技术很难跳槽。

最大的难点在于存在生产环境，要继续维护的同时做更新，就要做相对平滑的技术转型。

想咨询一下 V 友们的意见

[shintendo]

反手一个<script>，当 jquery 用。
你这种情景本来就是 Vue 最大的卖点

[Marstin]

@shintendo 有道理啊，那请问关于架构的转型，有没有什么意见呢？

[charlie21]

不考虑先做个前后端分离吗 ..?

[q8164305]

iframe 嵌套

[Marstin]

@charlie21 同步进行吧，现在做前后端分离最麻烦的就是 thymeleaf 标签组件和一些动态生成的页面要重写，这个工作量还挺大的，不如直接上 vue，两个工作一起做了

[Marstin]

这应该是比较常见的一个操作吧，请问有经验的同学，这个过程还有没有别的坑或者技术难题，我提前考虑一下

[whypool]

重构最平滑

[o0]

跟我司情况一样，目前是 script 一把梭，后续不清楚

[vvmap]

我们就是这样的场景，jsp -> vue. 整理需求然后重新开发

[Marstin]

@shintendo 兄弟，这种模式下引入 vue，怎么开发组件呀，无法引入.vue 文件，.js 文件中也不能写 x-template 标签。只能选择用字符串 template 或者在 html 中使用 x-template 吗？