码迷,mamicode.com
首页 > 其他好文 > 详细

vue中如何引入Element-ui

时间:2019-11-16 14:57:18      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:attr   img   https   end   UNC   成功   div   hal   blog   

首先你需要有一个vue项目,可以参考如何  创建vue项目

第一步Element的安装

npm i element-ui -S

安装完成后

第二步在入口文件main.js中添加

import ElementUI from ‘element-ui‘;
import ‘element-ui/lib/theme-chalk/index.css‘;
Vue.use(ElementUI);

new Vue中添加

render: h => h(App)

如图:

技术图片

 

 最后测试有没有成功引入在组件中添加Element-ui代码

<i class="el-icon-platform-eleme"></i>

技术图片

 

 

出现element图标,即为成功

Element-ui官方中文文档

vue中如何引入Element-ui

标签:attr   img   https   end   UNC   成功   div   hal   blog   

原文地址:https://www.cnblogs.com/wulicute-TS/p/11871575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!