基于vue开发的插件-ElementUI实践体会

首先谈谈ElementUi

网址：https://element.eleme.cn/
对ElenmetUi有了解的同学都知道，这个插件库提供了一套前端常用的控件组件。其内容十分丰富：

1. Base栏：用于宏观布局
2. Form栏：表单的各种控件
3. Data栏：数据直观显示的控件
4. Notice栏：友好交互的提醒控件
5. Navigation栏：本身也属于布局的一种
6. Others栏：一些零碎的实用组件

ElementUi的安装

安装：

1.推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
npm i element-ui -S
2.
引入样式
link rel=“stylesheet” href=“https://unpkg.com/element-ui/lib/theme-chalk/index.css”
引入组件库
script src=“https://unpkg.com/element-ui/lib/index.js”

主题颜色

官网有详细解释，在此不做赘述

内置过度动画

此插件实战比较常用

组件

组件类型比较丰富，而且内容能够满足日常开发需求

详细的控件状态，日常开发几乎都能满足：