详解如何在vue项目中引入elementUI组件

详解如何在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的代码

:default-active="activeIndex2"

class="el-menu-demo"

mode="horizontal"

@select="handleSelect"

background-color="#545c64"

text-color="#fff"

active-text-color="#ffd04b">

处理中心

选项1

选项2

选项3

订单管理

:default-active="activeIndex2"

class="el-menu-demo"

mode="horizontal"

@select="handleSelect"

background-color="#545c64"

text-color="#fff"

active-text-color="#ffd04b">

处理中心

选项1

选项2

选项3

订单管理

在App.vue中引入header.vue

效果：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。