element-ui：

element-ui 是餓了么前端出品的基于 Vue.js的 后臺組件庫，方便程序員進行頁面快速布局和構建

官網：?http://element-cn.eleme.io/#/zh-CN

引入css

<!-- import CSS --> <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">

引入js

<!-- import Vue before Element --> <script src="vue.min.js"></script> <!-- import JavaScript --> <script src="element-ui/lib/index.js"></script>

編寫html

<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>

關于.sync的擴展閱讀

https://www.jianshu.com/p/d42c508ea9de

編寫js

<script>new Vue({el: '#app',data: function () {//定義Vue中data的另一種方式return { visible: false }}}) </script>

?

總結

以上是生活随笔為你收集整理的element-ui介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。