vue 集成 element ui

Posted dekevin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 集成 element ui相关的知识,希望对你有一定的参考价值。

打开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 集成 element ui

spring boot + vue + element-ui全栈开发入门——集成element-ui

vue+element-ui JYAdmin后台管理系统模板-集成方案项目搭建篇1

vue+element-ui JYAdmin后台管理系统模板-集成方案项目搭建篇2

SpringBoot+SpringCloud+vue+Element开发项目——集成Druid数据源

vue3项目起步之代码规范,element-plus axios集成