最近刚接触ElementUI，发现官方介绍的使用方法中只有npm安装和CDN引入这两种方式，没有本地引入的方法。
因为我的学习环境有时候是断网状态的，所以自己研究了一下本地引入的方法，记录在此。
1、ElementUI是基于Vue.js的，所以先下载Vue.js
学习阶段选择开发版本。
Vue.js 官方下载
2、下载ElementUI
ElementUI GitHub
点击 Clone or download
再点击 Download ZIP，下载完成后解压，得到lib-master文件夹
3、新建一个html文件，例如index.html，将Vue.js和lib-master文件夹移动到和index.html同一目录下。
4、index.html代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="lib-master/theme-chalk/index.css"/>
</head>
<body>
<div id="app">
<el-button @click="visible = true">Button</el-button>
<el-dialog :visible.sync="visible" title="Hello world">
<p>Try Element</p>
</el-dialog>
</div>
</body>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script src="lib-master/index.js" type="text/javascript" charset="utf-8"></script>
<script>
new Vue({
el: '#app',
data: function() {
return { visible: false }
}
})
</script>
</html>
————————————————
版权声明：本文为CSDN博主「wly_」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_36275259/article/details/103400133
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。