1.ElementUI是基于Vue.js的束昵,所以先下載Vue.js
學(xué)習(xí)階段選擇開發(fā)版本列牺。
下載vue
2.下載elementui
點擊 Clone or download
再點擊 Download ZIP晶乔,下載完成后解壓胀茵,得到lib-master文件夾
新建一個html文件载碌,例如index.html,將Vue.js和lib-master文件夾移動到和index.html同一目錄下讯泣。
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>