VUE项目引入ElementUI

ElementUI官网:https://element.eleme.cn/#/zh-CN

VUE项目引入ElementUI_第1张图片

一,vue引入ElementUI

1,下载ElementUI的依赖

npm i element-ui -S

2,在src下的main.js中指定当前项目中使用ElementUI

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

3,将ElementUI注册到vue实例上

Vue.use(ElementUI)

图解:VUE项目引入ElementUI_第2张图片
二,ElementUI组件的使用
在ElementUI中查询需要引入的组件,复制组件下方的代码粘贴在vue页面上的div中即可VUE项目引入ElementUI_第3张图片
VUE项目引入ElementUI_第4张图片
效果图:VUE项目引入ElementUI_第5张图片

你可能感兴趣的:(VUE,前端,vue)