vue的第三方组件库

有哪些？

  1. PC适用
    1. element-ui（饿了么官方团队开源的，一般称为 elm ui）
    2. antd-vue（antd 阿里团队针对react的一套组件库 antd-vue是使用了antd的基础样式实现的一套用于vue 的组件库）
    3. iview
    4. …
  2. Mobile 适用
    1. Mintui（饿了么团队开源的，官方没有太多的维护）
    2. vant（有赞团队开源，主要是一些商城性质的组件）
    3. vux
    4. …

element-ui的基本使用

  1. 项目本地安装element-ui

    1. $ npm install element-ui

  2. 在main.js中引入 它的核心模块与它的样式 ```javascript import Vue from “vue” import App from “./App.vue”

//引入Elementui 和 它的样式 import ElementUi from “element-ui” import ‘element-ui/lib/theme-chalk/index.css’

//调用ElementUi Vue.use(ElementUI)

  2. 3. 去查看官方组件的文档使用即可<br />[Element-UI 组件文档](https://element.faas.ele.me/#/zh-CN/component/quickstart)
  4. <a name="efb9eb47"></a>
  5. ## elementui的按需加载
  7. 首先，上面的代码是全局加载所有的组件。
  9. 但是，有些时候我们的项目可能就用了组件库中的某一个两个的组件，全部加载的话，有点浪费。（引入的东西越多，最终打包生成的文件越大，文件越大，网站访问就慢）
  11. 这时，就要使用按需加载组件的方式。哪里要用哪个组件就职引入这个组件即可。
  13. 1. 安装babel相关插件支持
  14. ```shell
  15. $ npm install babel-plugin-component -D

  1. 配置babel的配置文件

    具体看文档 快速配置文档

  2. main.js中不要全局引入

  3. 在组件中要使用哪个，单独引入哪个就好，引入之后设置为局部组件。