🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## Element框架 > Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 由饿了么前端团队打造 官 网 http://element.eleme.io github https://github.com/elemefe ### 安装 推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。 ~~~ npm i element-ui -S ~~~ CDN 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源,在页面上引入 js 和 css 文件即可开始使用 ~~~ <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"> <!-- 引入组件库 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> ~~~ 示范代码 ~~~ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/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> <!-- import Vue before Element --> <script src="https://unpkg.com/vue/dist/vue.js"></script> <!-- import JavaScript --> <script src="https://unpkg.com/element-ui/lib/index.js"></script> <script> new Vue({ el: '#app', data: function() { return { visible: false } } }) </script> </html> ~~~ 效果 ![](https://box.kancloud.cn/203a583bacd0b692de54198515e61761_1760x1108.png)