Element.ui CDN形式引入组件库

1、通过CDN的形式加载语言文件:【官网提供的】

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

而使用官网引入以后响应速度不是很快,后来找到一个响应很快的链接,记录一下:

<!-- 引入Vue -->
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
<!-- 引入样式 -->
<link href="https://cdn.bootcss.com/element-ui/2.4.5/theme-chalk/index.css" rel="stylesheet">
<!-- 引入组件库 -->
<script src="https://cdn.bootcss.com/element-ui/2.6.1/index.js"></script>

2、接下来就可以根据官方提供的组件来进行使用了,下面我拿其中的走马灯来举例:

<div id="app">
	<template>
		<el-carousel :interval="4000" type="card" arrow="never" >
			<el-carousel-item v-for="item in 6" :key="item.id" :id="item.id">
				<img class="element-img" alt="" :src="item.url" @click="">
			</el-carousel-item>
		</el-carousel>
	</template>
</div>
var vm = new Vue({
    
    
	el: "#app",
});

猜你喜欢

转载自blog.csdn.net/weixin_44296929/article/details/108508113
今日推荐