关于JSP里面如何调用vue

849 阅读1分钟

关于JSP里面调用vue

关于使用背景:

到新公司接手了一个以前的项目的二期工程,是用JSP写的前后端不分离项目,然后我是不会JSP的,这边就开会研讨了看能不能尝试在JSP里面嵌入vue的语法和elment组件库

首先引入JSP的配置的文件

image.png 这是最基本的JSP配置,如果没有JSP不会编译为HTML代码

关于引入配置项

第一种引入方式,直接通过线上资源CDN引入

image.png

第二种方式,如果是是本地开发受到网络限制可以通过本地引入相关的资源文件

image.png

image.png

关于vue的本地资源下载,详情参照vue官网:vue官网

关于elment的本地资源下载,详情参照elmentUi官网:Element官网

JSP里面ES6问题

当这些配置完成已经可以在JSP里面愉快的写vue代码了,这个时候你可能会遇到一个问题,那就是你写了ES6的东西页面就会报错:这是因为jsp里面不兼容ES6的新东西

解决方法:

我查了一下大佬的方法,也是通过引入资源文件来解决了这个问题


<%--解决ES6API的解决方法--%>
<script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script>