vue3手动挂载组件,类似vue2中vue.extend

vue3动态挂载组件,类似vue2中的vue.extend

在升级vue2项目到vue3时,遇到这样一个问题,项目中有个自建组件的功能,通过vue3-ace-editor手动编写代码,最终在设计界面会生成这样一个组件,拖动到画布上即可使用
但在vue2中该功能组件挂载是通过vue.extend执行的,在查询了github的issue之后发现有人给出了这样一种解决方案

 const app = createApp(main)
    app.use(vant)
    app.mount(document.getElementById(props.id));

main:组件模板,可参考vue2中vue.extend的参数
mount:参数即是组件挂载位置,也可以通过ref获取
注意:vue2的代码可能会报出一个不识别的警告,识别vue2的代码需要将createApp这样引入import {createApp} from 'vue/dist/vue.esm-bundler';且如果在组建内要使用组件库,需要手动再use一遍组件库

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值