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)

Vue.config.productionTip = false

3.模板文件中开始使用

主要按钮

element引入和使用_第1张图片

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

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

备注:Vue.config.productionTip = false 作用是“阻止启动生产消息”
例如:
element引入和使用_第2张图片
element引入和使用_第3张图片

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