html 引入vue Element ui 的方式

第一种：使用 CDN 的方式引入

之后在你的 html 页面中可以任意的使用 element-ui 组件了，包括一些 element-ui 的图标等，美滋滋，

缺点：网络不好时，页面组件展示不出来。

第二种：使用本地资源

这就需要我们把 vue 和 element-ui 下载到本地了。

下载地址  vue.js：https://cdn.jsdelivr.net/npm/vue/dist/vue.js

element.js:  https://unpkg.com/element-ui@2.4.11/lib/index.js

element.css: https://unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css

我是粘贴复制到本地的，注意 element-ui 使用的是 2.4.11 版本的。

        也可以换成最新版本的

 element.js: https://unpkg.com/element-ui@2.15.14/lib/index.js

element.css:https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/index.css

html 中引用

到了这里你会发现 element 的基础样式可以使用，但是 icon 会显示不出来。那是因为你的 css 文件没有连接到 icon 的文件中，那我们还需要下载两个文件，

也可以在 vue 项目的依赖中找到 element-ui 文件，将 fonts 复制到 html 项目中。