推荐使用 npm 的方式安装,它能更好地和webpack
打包工具配合使用。
npm i element-react --save
yarn 安装:
$ yarn add element-plus
开始前, 你还需要一个主题包, 这里我们推荐使用element-theme-default
.
npm install element-theme-default --save
import React from "react";
import ReactDOM from "react-dom";
import { Button } from "element-react";
import "element-theme-default";
ReactDOM.render(<Button type="primary">Hello</Button>, document.getElementById("app"));
通过 CDN 的方式全量引入 ElementPlus,根据不同的 CDN 提供商有不同的引入方式,我们在这里以 unpkg 和jsdelivr 举例, 你也可以使用其它的 CDN 供应商
。
使用 unpkg
<head> <!-- 引入样式 --> <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="//unpkg.com/vue@next" rel="external nofollow" ></script> <!-- 引入组件库 --> <script src="//unpkg.com/element-plus" rel="external nofollow" ></script> </head>
使用 jsDelivr
<head> <!-- 引入样式 --> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css" rel="external nofollow" target="_blank" /> <!-- 引入 Vue --> <script src="//cdn.jsdelivr.net/npm/vue@next" rel="external nofollow" ></script> <!-- 引入组件库 --> <script src="//cdn.jsdelivr.net/npm/element-plus" rel="external nofollow" ></script> </head>
MessageBox 弹框模拟系统的消息提示框而实现的一套模态对话框组件,用于消息提示、确认消息和提交内容。从场景上说,MessageBox ...
Bootstrap4是Bootstrap的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集,与之前的版本相比,拥有更强大的功能。利用提...
桑基图本章介绍 ECharts 系列的桑基图(series[i]-sankey)。我们也称桑基图为桑基能量平衡图,具有特殊类型的流程图,它主要用...
renderItemECharts 自定义(custom)系列需要开发者自己提供图形渲染的逻辑。这个渲染逻辑一般命名为renderItem。例如:var opti...
series[i]-map.tooltip本系列特定的 tooltip 设定。series-map.tooltip.positionstringArrayFunction注意:series.tooltip仅在to...
服务英雄之旅的HeroesComponent目前获取和显示的都是模拟数据。本节课的重构完成之后,HeroesComponent变得更精简,并且...
AngularJS XMLHttpRequest我们可以使用AngularJS 内置的 $http 服务直接同外部进行通信。$http 服务只是简单的封装了浏览器原生...
进程本节介绍Node.js的process(过程)对象,它提供有关当前Node.js过程的信息和控制。process是全局对象,能够在任意位置对其进...
global-modifying-module.d.tsglobal-plugin.d.tsglobal.d.tsmodule-class.d.tsmodule-function.d.tsmodule-plugin.d.tsmodule.d...
1. Iterator(遍历器)的概念JavaScript 原有的表示“集合”的数据结构,主要是数组( Array )和对象( Object ),ES6 又添加...