一、安装Element-ui
1、控制台输入:npm i element-ui -S,开始安装
二、工程引入Element-UI
1、src\main.js中增加如下三句话:
import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
完成引入;
2、测试是否引入成功:
App.vue中使用elment组件,如引入一个导航菜单:
<template> <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-menu-item index="2">消息中心</el-menu-item> </el-menu> </template>
重新编译成功后访问页面,出现如下画面,则表示引入成功