请选择 进入手机版 | 继续访问电脑版

vue3项目安装使用elementui(非vue-cli3.x)

[复制链接]
暖男先生 发表于 2021-1-1 18:33:31 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
  在百度找了一圈,效果发现都是标题党,都是拿vue-cli3.x当做vue3。感觉似乎只能用ant-design-vue,厥后通过自己去github上相识,发现由于vue3.0在插件install函数的入参从Vue原型(类)改成了app(vue实例e)。导致element-ui中Vue.prototype.* 这样的代码已经全都失效了。所以element-ui铁定是不兼容了。Vue3.0虽然兼容option api。但实际已经开始完全拥抱Composition API了。然后又发现elementui有个新版本,即Element Plus,是为vue3项目特别更新的版本。
安装

npm 安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具共同使用。
  1. npm install element-plus --save
复制代码
完整引入

在 main.js 中写入以下内容:
  1. import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue';const app = createApp(App)app.use(ElementPlus)app.mount('#app')
复制代码

  1. import { createApp } from 'vue'import ElementPlus from 'element-plus';import 'element-plus/lib/theme-chalk/index.css';import App from './App.vue';createApp(App).use(ElementPlus, { size: 'small', zIndex: 3000 }).mount('#app')
复制代码
然后就可以安装vue2.x的方式来使用elementui了!
更多引入方式见官网

来源:https://blog.csdn.net/Amnesiac666/article/details/112003458
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )