首页 / VUE / 如何在JSP中使用VUE/elementUI

如何在JSP中使用VUE/elementUI

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在JSP中使用VUE/elementUI，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1307字，纯文字阅读大概需要2分钟。

内容图文

通常的VUE项目，是前后端分离的项目。那么如何在现有的JSP项目中集成VUE呢？

1.在JSP中引入elementUI

和引入其他UI框架的方式一样

在<script></script>中引入js,在<link/>中引入css

示例：

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/elementUI/element.css" />
<!--注意引入顺序，element依赖于vue,首先引入vue-->
<script type="text/javascript" src="${pageContext.request.contextPath}/elementUI/vue.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/elementUI/element.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/elementUI/axios.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/elementUI/qs.js"></script>

对应版本在https://www.bootcdn.cn/中下载（js在bootcdn中下载，类似的jar在maven仓库下载）。

引入后就可以使用elementUI的hmtl标签和VUE的语法了。

2.兼容IE9+

上述五个文件引入后，只是能在Google等支持ES6浏览器中使用。

如果想要JSP中的VUE在IE下生效，需要引入

<script type="text/javascript" src="${pageContext.request.contextPath}/elementUI/es6-promise.auto.min.js"></script>

同时禁用ES6语法：如let,const,箭头表达式等。

如此这般就可以在IE9+及Google等浏览器中访问在JSP中使用的VUE的项目了（因为VUE只支持IE9+）。

3.参考资料

随着前后端分离的普及，JSP逐渐没落，建议VUE项目以前后端分离的方式创建。这种在JSP中使用VUE的骚操作不建议尝试。

参考资料：qd_springboot_vue_elementui_pages20191028

原文：https://www.cnblogs.com/masting/p/12071528.html

内容总结

以上是互联网集市为您收集整理的如何在JSP中使用VUE/elementUI全部内容，希望文章能够帮你解决如何在JSP中使用VUE/elementUI所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1331758.html

来源：【匿名】