如何在JSP中使⽤VUEelementUI
通常的VUE项⽬，是前后端分离的项⽬。那么如何在现有的JSP项⽬中集成VUE呢？
1.在JSP中引⼊elementUI
和引⼊其他UI框架的⽅式⼀样
在<script></script>中引⼊js，在<link/>中引⼊css
⽰例：
<link rel="stylesheet" type="text/css" href="${tPath}/elementUI/element.css" />
<!--注意引⼊顺序，element依赖于vue,⾸先引⼊vue-->
<script type="text/javascript" src="${tPath}/elementUI/vue.js"></script>
<script type="text/javascript" src="${tPath}/elementUI/element.js"></script>
<script type="text/javascript" src="${tPath}/elementUI/axios.js"></script>
<script type="text/javascript" src="${tPath}/elementUI/qs.js"></script>
引⼊后就可以使⽤elementUI的hmtl标签和VUE的语法了。
2.兼容IE9+jsp创建
上述五个⽂件引⼊后，只是能在Google等⽀持ES6浏览器中使⽤。
如果想要JSP中的VUE在IE下⽣效，需要引⼊
<script type="text/javascript" src="${tPath}/elementUI/es6-promise.auto.min.js"></script>
同时禁⽤ES6语法：如let,const，箭头表达式等。
如此这般就可以在IE9+及Google等浏览器中访问在JSP中使⽤的VUE的项⽬了（因为VUE只⽀持IE9+）。
3.参考资料
随着前后端分离的普及，JSP逐渐没落，建议VUE项⽬以前后端分离的⽅式创建。这种在JSP中使⽤V
UE的骚操作不建议尝试。参考资料：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。