em组件

官方网站 :https://element.eleme.cn/#/zh-CN/component/installation

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="js/index.css"> 路径改成我们自己的文件这是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>
<script src="js/vue.js"></script> js改成我们的路径
<script src="js/index.js"></script> 改成我们的路径
<!--写我们自己的java js代码-->
<script>
new Vue({
el: '#app',
data: function() {
return { visible: false }
}
})
</script>
</body>
</html>

开始实战开发页面的操作,使用elemint去开发

原文地址:https://www.cnblogs.com/weilemeizi/p/14478969.html