摘要：

• 1、jsp重构vue?

jsp重构vue?

1、vue不可以改成jsp，建议jsp只提供数据，做前后端分离，非要嵌入的话，可以把交互类的动作交由vue完成。使用全局vue，只控制一小块内容。vue.min.js可以用在非SPA的项目中，属于静态引用，可以再html或者jsp中类似jquery一样引入，只不过在html文件中Vue的写法和在SPAvue组件文件中写法稍微不同。

2、登录：登陆页面单独出来，和vue项目分开，login.jsp页面登陆成功后重定向到vue项目的首页路由地址。到Vue后台项目后有两处会用到session验证处理：通过webpacke+路由的方式构建的后台项目，排除蒙对了静态页面的地址哈，这个自己想办法也好解决。

3、Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个框架就会自动帮我们做好dom的相关操作。jsp是由SunMicrosystems公司主导创建的一种动态网页技术标准。

4、vue在服务端部署时，我们都知道通过npmrunbuild指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通过域名指向index.php文件才可以浏览。后台代码拆分出来，jsp文件全部抛弃掉，controller只做json数据返回。

5、将Vue组件中的样式代码分离出来，创建一个单独的CSS文件。在需要应用样式的JSP页面中，使用标签引入之前创建的CSS文件。根据自己之前定义的类名，将类选择器应用于需要样式的HTML元素上。在之前创建的CSS文件中，按照自己的需求使用传统的CSS样式规则进行样式定义即可。

6、然后组织一次会议详细讨论。最终，团队全员开始学习vue，老板也对此表示赞赏：“你们这帮老程序员，终于开始学习新知识了。”在接下来的项目中，团队采用vue开发管理端和PC端，体验了前所未有的流畅和高效，终于能够告别使用多年的jsp。尽管如此，团队成员仍心怀感激，感谢jsp多年来的陪伴。