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

vue-Elementui引入

时间:2019-10-20 13:28:14      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:app   dex   modules   mon   new   nts   图片   ace   space   

安装命令

npm install --save element-ui

可以直接复制官网的引用,复制到main.js里面;就可以忽略下面所有步骤

import Vue from vue;
import ElementUI from element-ui;
import element-ui/lib/theme-chalk/index.css;
import App from ./App.vue;

Vue.use(ElementUI);

new Vue({
  el: #app,
  render: h => h(App)
});
找到css文件 index.css
在index.html引入这个文件 \node_modules\element-ui\lib\theme-chalk/index.css文件
把里面的fonts文件也一同引入文件夹中;
引入下面语句到main.js文件
import element-ui/lib/theme-chalk/index.css;
 Vue.use(ElementUI);
完成可以测试使用
喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”
技术图片

 

 

vue-Elementui引入

标签:app   dex   modules   mon   new   nts   图片   ace   space   

原文地址:https://www.cnblogs.com/qdwds/p/11707032.html

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