10.第三方组件element-ui 课件.pdfVIP

第三方组件element-ui

教学内容

l第一节组件间的传值

l第二节element-ui介绍

l第三节组件的使用

l第四节图标的使用

组件间的传值

n组件可以由内部的Data提供数据，也可以由父组件通过prop的方式传值。

n兄弟组件之间可以通过Vuex等统一数据源提供数据共享。

element-ui介绍

nElement是国内饿了么公司提供的一套开源前端框架，简洁优雅，提供了Vue、

React、Angular等多个版本。

n文档地址：https///#/zh-CN/

n安装：npmielement-ui

n引入Element：

第三方图标库

n由于ElementUI提供的字体图符较少，一般会采用其他图表库，如著名的Font

Awesome

nFontAwesome提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特

性对它们进行更改，包括大小、颜色、阴影或者其他任何支持的效果。

n文档地址：http///

n安装：npminstallfont-awesome

n使用：importfont-awesome/css/font-awesome.min.css