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> ```