Element-UI 入门使用
Element-UI 入门使用 Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 [Element UI官网][1] 如何在Html文件中使用ElementUI 在网页中引入element ui css和js ,由于Element是具有Vue的,所以需引入Vue的js > > - > > > <script src="https://unpkg.com/vue@2.6.10/dist/vue.js"></script> > > > <!-- 引入组件库 --> > > 在Script中创建Vue对象管理界面元素 > ``` <script> new Vue({ el: '#app', data: function () { return { visible: false } }, }); </script> 3. 接下来就可以使用Element中的元素了 > ``` `<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> ` 完整示例 > ``` `<!DOCTYPE html> <html lang=“en”> ...