这篇文章主要介绍了详解如何在vue项目中引入elementUI组件,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
前提:已经安装好Vue
初始化vue
vue init webpack itemname
运行初始化demo
运行一下初始后的demo,如果没有问题则进行安装elementUI
npm run dev
安装 elementUI
npm i element-ui -S
引入elementUI
在main.js中引入elementUI
import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)
测试
下面我们来测试一下
在创建header.vue文件,复制一段elementUI的代码
处理中心 我的工作台选项1选项2选项3订单管理
在App.vue中引入header.vue
<div id="app"> <header></header></div>
以上就是详解如何在vue项目中引入elementUI本文来源gaodai#ma#com搞*代#码9网#组件的详细内容,更多请关注gaodaima搞代码网其它相关文章!