html中引用element组件

本文详细介绍了如何在网页开发中引用ElementUI,首先确保引入Vue.js,接着导入ElementUI的JavaScript库,最后添加对应的样式文件。通过这种方式,开发者可以在HTML页面中便捷地使用ElementUI提供的组件,如轮播图等,实现丰富且美观的用户界面。需要注意的是,引用的文件来源于网络,实际加载速度可能受网络状况影响。
摘要由CSDN通过智能技术生成

在做官网时,需要用到一些组件中的东西,比如轮播图,,所以想到了用elementUI放入html中。。以此来使用该UI组件

以下就是引用elementUI在html中的步骤,仅供参考

在所需页面,先引入vue.js,然后 在引入element的js文件,,最后引入element的样式文件,这样就可以在html中使用了

	<!-- import Vue before Element -->
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <!-- import css -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

在此,引用的为网络上的文件,加载速度和网络有关系

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值