5:Element-UI的基本使用

Element-UI的基本使用

Element-UI:一套基于2.0的桌面端组件库
官网地址:http://element-cn.eleme.io/#/zh-CN

1:通过命令行方式进行安装使用

A.安装:
npm install element-ui -S
B.导入使用:
import ElementUI from “element-ui”;
import “element-ui/lib/theme-chalk/index.css”;
Vue.use(ElementUI)
C.去官网拉取想要应用的组件写入App.vue总组件中

2:通过vue ui可视化环境进行安装使用

A.命令行输入:vue ui 进入可视化环境,点击插件站到此组件库
5:Element-UI的基本使用
B.点击安装(选择按需导入)
5:Element-UI的基本使用
C:点击完成安装
5:Element-UI的基本使用
5:Element-UI的基本使用
默认生成文件夹(plugins)自带文件,默认按需导入Button组件(可自行添加)。
D.去官网拉取想要应用的组件写入App.vue总组件中