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对象管理界面元素 > ``` &lt;script&gt; new Vue({ el: &#39;#app&#39;, data: function () { return { visible: false } }, }); &lt;/script&gt; 3. 接下来就可以使用Element中的元素了 > ``` `&lt;div id="app"&gt; &lt;el-button @click="visible = true"&gt;Button&lt;/el-button&gt; &lt;el-dialog :visible.sync="visible" title="Hello World"&gt; &lt;p&gt;Try Element&lt;/p&gt; &lt;/el-dialog&gt; &lt;/div&gt; ` 完整示例 > ``` `<!DOCTYPE html> <html lang=“en”> ...

2019年11月8日 · 3 分钟 · 天边的星星