# Vue UI 组件库

定位于非定制化的网站,对 UI 要求不高,能用就行。

# 移动端常用 UI 组件库

组件库 地址
Vant https://youzan.github.io/vant
Cube UI https://didi.github.io/cube-ui
Mint UI http://mint-ui.github.io
Nut UI https://nutui.jd.com/

# PC 端常用 UI 组件库

组件库 地址
Element UI https://element.eleme.cn
IView UI https://www.iviewui.com
Ant Design Vue https://1x.antdv.com/docs/vue/introduce-cn/

# element-ui

按需引入,babel.config.js 的配置:

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',

    /*  
      官网写的是:["es2015", { "modules": false }]
      但运行报错,需要改为如下配置
    */
		["@babel/preset-env", { "modules": false }],
  ],
	plugins:[
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}
本章目录