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",
});