Element引入和使用

1.使用webpack搭建好项目框架

2.进入mail.js 文件中

// 安装element
npm i element-ui -S

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

/* 运用 ElementUI */
Vue.use(ElementUI)

3.模板文件中开始使用

<el-button type="primary">主要按钮</el-button>

在这里插入图片描述

备注:下拉框出现一行出现

主要是因为原有的hello class被引入

备注:Vue.config.productionTip = false 作用是“阻止启动生产消息”
例如:
在这里插入图片描述
在这里插入图片描述

posted @ 2022-12-06 22:20  轻风细雨_林木木  阅读(6)  评论(0编辑  收藏  举报