Vue项目全局安装引入ElementUI

安装命令:npm i element-ui -S
在这里插入图片描述
在终端窗口输入安装命令

在main.js中引入Element
Vue项目全局安装引入ElementUI_第1张图片
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’
Vue.use(ElementUI)

引入之后,在原有的HelloWorld.vue页面加入一个Element的按钮,测试一下。
Vue项目全局安装引入ElementUI_第2张图片
主要按钮
成功按钮

Vue项目全局安装引入ElementUI_第3张图片
说明Element组件已经成功引入了

你可能感兴趣的:(vue,web前端,elementui,vue.js)