vue3.x 关于引入第三方组件报错

Vue应用更新：从旧版到新版的迁移

最新推荐文章于 2023-04-13 17:37:06 发布

原创最新推荐文章于 2023-04-13 17:37:06 发布 · 3.5k 阅读

2 ·

CC 4.0 BY-SA版权

这篇博客介绍了Vue应用从使用Vue.js和Element-UI的旧写法，到采用Vue 3和Element Plus新写法的迁移过程。主要内容包括导入模块的变化、Vue实例创建方式的更新以及Element库的升级。

main.js之前的写法

import Vue from 'vue'
import App from './App.vue'
import router from './router/index'
import store from './store'

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

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

新的写法

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

import 'element-plus/lib/theme-chalk/index.css';
import ElementPlus from 'element-plus';

const app = createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')