element-ui：

element-ui 是餓了么前端出品的基于 Vue.js的 后臺(tái)組件庫(kù)，方便程序員進(jìn)行頁(yè)面快速布局和構(gòu)建

官網(wǎng)：?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>

編寫(xiě)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>

關(guān)于.sync的擴(kuò)展閱讀

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

編寫(xiě)js

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

?

總結(jié)

以上是生活随笔為你收集整理的element-ui介绍的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。