使用vue框架开发项目,多数情况下会结合element-ui组件使用。那么在项目中如何安装和使用element-ui呢
第一步:使用npm安装element-ui
npm i element-ui --save
第二步:安装完毕后,在main.js文件中将其引入
// 引入element-ui组件
import ElementUI from 'element-ui'
// 引入element-ui样式文件
import 'element-ui/lib/theme-chalk/index.css';
// 启用element-ui
Vue.use(ElementUI)
第三部:在main.js中引入element-ui组件后,相当于全局,所以在其需要用到element-ui组件的页面都可直接使用
<el-button type="success">成功按钮</el-button>