基于vue2与vue3配置element与element-puls_vue2可以用element plus吗

element与element-puls依赖于不同的vue版本。element只支持vue2版本，则elemenet-puls只支持vue3版本。不支持降级或跨级兼容。

element配置说明

element官方说明：https://element.eleme.cn/#/zh-CN

这里采用npm安装方式：

1、在vue2项目运行一下命令：

npm i element-ui -S
1

2、在 main.js 中写入以下内容：(全局配置)

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

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});
1
2
3
4
5
6
7
8
9
10
11

element-plus配置说明

element-plus官方说明：https://element-plus.gitee.io/zh-CN/guide/design.html

这里采用npm安装方式：

1、在vue3项目目录下运行命令：

npm install element-plus --save
1

2、在 main.js 中写入以下内容：(全局配置)

import {createApp} from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

createApp(App).use(ElementPlus).use(store).use(router).mount('#app')
1
2
3
4
5
6
7
8
9

以上是不考虑文件大小的情况下使用的完整导入方法。

有对文件大小限制，使用按需导入。