Vue项目引入 Element-Ui

最新推荐文章于 2024-04-23 17:37:36 发布

无·糖

最新推荐文章于 2024-04-23 17:37:36 发布

阅读量1.2k

点赞数 38

分类专栏： Element-Ui 文章标签： vue.js ui javascript

本文链接：https://blog.csdn.net/qq_58648235/article/details/129810864

版权

Element-Ui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在Vue项目中引入ElementUI，包括安装ElementUI和其依赖，创建element.js文件来管理组件导入，以及在main.js中整合并配置ElementUI组件。

摘要由CSDN通过智能技术生成

Vue项目引入 Element ui

按需引入生成代码

1.安装 Element ui

npm install element-ui -S

2.安装依赖

npm install babel-plugin-component -D

3.创建 element.js

在这里插入图片描述

// element.js 定义引入那些文件
import Vue from 'vue';
// import "element-ui/lib/theme-chalk/index.css"; //若无样式则需引入2

import { Button } from 'element-ui';

Vue.use(Button);

4.main.js 引入

//main.js
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import './plugins/element.js'; // 引入js文件

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app');