1.Element UI · ThinkPHP實用開發工具箱

[TOC] ***** # Element UI簡介我們學習VUE,知道它的核心思想式組件和數據驅動,但是每一個組件都需要自己編寫模板,樣式,添加事件,數據等是非常麻煩的,所以餓了嗎推出了基于VUE2.0的組件庫,提供現成的PC端組件. # 安裝Element UI Github：[Element UI](https://github.com/ElemeFE/element) CDN加速：[BOOTCDN](https://www.bootcdn.cn/element-ui/) # 主題生成器主題生成器：[官方](https://element.eleme.cn/#/zh-CN/theme) # 使用手冊官方手冊：[官方手冊](https://element.eleme.io/#/zh-CN/component/installation) # 第一個頁面 ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Hello, world!</title> <link href="https://cdn.bootcss.com/element-ui/2.12.0/theme-chalk/index.css" rel="stylesheet"> </head> <body> <div id="app">  </div>  <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> <script src="https://cdn.bootcss.com/element-ui/2.12.0/index.js"></script> <script> new Vue({ el: '#app', render: h => h(App) }); </script> </body> </html> ```