jsp中使用vue,jsp中使用elementUI

jsp中使用vue,jsp中使用element UI

jsp中是无法直接使用element UI的,因为elementUI是基于Vue的,所以必须先集成Vue

首先要导入以下文件,这边建议下载而不是直接使用链接
这里有一点必须注意,vue.js必须在element的上面,因为element是基于vue的
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="element/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="element/axios.js"></script>
    <script src="element/qs.js"></script>
有很多人不知道去哪里下载这些文件,我这边附上我自己的资源,你也可以直接去官网下载
资源:jsp中使用vue,使用elementui的资源包,免费提供下载

这些资源还有一种使用方法,直接使用链接,这样就不需要导入到本地,但可能会出现资源更新时无法使用的问题
我上面的导入其中elementui直接使用了链接,因为导入到本地后会出现某些样式无法使用的问题,可以解决,但太麻烦了,我直接就使用了https的形式引入

经过我的实测,实际上用https的形式几乎没什么影响
下载并导入了这些文件,那么就可以正式开始使用vue和elementui了

使用样式代码如下:

<body>
	<div id="app">
	    <el-table :data="list">
	    //这个是elementui的表格
	    </el-table> 
	</div>
</body>
<script>
//直接写在<script>里面就好了
	new Vue({
	        el: '#app',
	        data(){
	            return {
	          		list:[]
	            }
	        },
	        methods: {
	        },
	        created:function(){
	        //钩子函数
	        }
	    });
</script>
好了,完成了
我创建了一个技术交流微信群
加我微信,拉你进群,备注来意

在这里插入图片描述

  • 11
    点赞
  • 44
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值