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

vue 集成 element ui

时间:2020-02-08 17:33:20      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:vue   main   png   index   http   route   初始   app   conf   

打开vue项目所在的项目路径

技术图片

 

输入

npm install element-ui -S

安装element ui

技术图片

 

表示安装成功

技术图片

 

 在vue项目下的node_modules下会显示

element ui

 

配置element ui

改变项目目录中的main.js文件;

初始main.js文件:

import Vue from ‘vue‘
import App from ‘./App‘
import router from ‘./router‘
import ElementUI from ‘element-ui‘
import ‘element-ui/lib/theme-chalk/index.css‘
Vue.config.productionTip = false
Vue.use(ElementUI)

技术图片

 

 然后在.vue文件里就直接可以用了

技术图片

显示效果,如图

 

技术图片

 

vue 集成 element ui

标签:vue   main   png   index   http   route   初始   app   conf   

原文地址:https://www.cnblogs.com/dekevin/p/12283871.html

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