Vue UI组件库以及 Element UI 使用

1. Vue UI 组件库
- 1.1 移动端常用 UI 组件库
- 1.2 PC 端常用 UI 组件库
2. Element UI
- 2.1 安装
- 2.2 上手
- 2.3 按需引入

1. Vue UI 组件库

1.1 移动端常用 UI 组件库

Vant
Cube UI
Mint UI

1.2 PC 端常用 UI 组件库

Element
IVew UI

2. Element UI

官网： Element UI

2.1 安装

npm i element-ui -S

2.2 上手

完整引入在 main.js 中引入

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';Vue.use(ElementUI);new Vue({el: '#app',render: h => h(App)
});

2.3 按需引入

安装 babel-plugin-component ElementUI/babel-plugin-component
```
npm install babel-plugin-component -D
```

修改 babel.config.js，追加下面的信息

{//预设"presets": [["@babel/preset-env", { "modules": false }]],"plugins": [["component",{"libraryName": "element-ui","styleLibraryName": "theme-chalk"}]]
}

接下来如果只希望引入部分组件，比如 Button ， Select，那么需要在 main.js 中写入以下内容：
```
import { Button, Select } from 'element-ui';Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
```

Vue UI组件库以及 Element UI 使用相关推荐

Vue UI 组件库（移动端常用 UI 组件库，PC 端常用 UI 组件库，Element UI基本使用，Element UI按需引入）
文章目录 Vue UI 组件库 7.1 移动端常用 UI 组件库 7.2 PC 端常用 UI 组件库 7.3 Element UI基本使用 7.4 Element UI按需引入 Vue UI 组件库 ...
html上的样式 ui vant_解决vue中组件库vant等ui组件库的移动端适配问题
1.首先把安装amfe-flexible,这里使用npm install npm i -S amfe-flexible 2.在入口文件main.js中引入 import 'amfe-flexible/ ...
Vue UI组件库(Element UI库)
1 移动端常用 UI 组件库 1. Vant Vant 4 - 轻量.可定制的移动端组件库 (vant-ui.github.io) 2. Cube UI cube-ui Document (didi ...
Vue (十五) --------- UI 组件库
目录一.移动端常用 UI 组件库 1. Vant 2. Vux 3. Cube UI 4. Mint UI 二.PC 端常用 UI 组件库 1. Element UI 2. IView UI 3. ...
16款优秀的Vue UI组件库推荐
16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
vant引入组件报错_强烈推荐优秀的Vue UI组件库
在我们实际开发中常常因为项目周期短不得不引入一些UI框架来辅助开发那常见的比较好的UI框架有那些呢(基于VUE) Element UI组件库 (pc端) Element,一套为开发者.设计师和产品经 ...
17款优秀的Vue UI组件库汇总
17款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...
Vue2基础、组件化编程、脚手架、Vuex、Vue路由、UI组件库
尚硅谷张天禹老师讲课学习视频 1.Vue简介 Vue2中文官网 1.1 Vue 介绍一套用于构建用户界面的渐进式JavaScript框架构建用户界面:把数据通过某种办法变成用户界面渐进式:可以 ...
Vue UI组件库总结推荐
基于Vue的Quasar Framework 介绍这个框架UI组件很全面,准备下次使用这个框架了基于Vue的Quasar Framework 中文网 http://www.quasarchs.co ...

Vue UI组件库以及 Element UI 使用

Vue UI组件库以及 Element UI 使用

1. Vue UI 组件库

1.1 移动端常用 UI 组件库

1.2 PC 端常用 UI 组件库

2. Element UI

2.1 安装

2.2 上手

2.3 按需引入

Vue UI组件库以及 Element UI 使用相关推荐

最新文章

热门文章