Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
  • 以编程方式挂载组件

以编程方式挂载组件

在某些情况下,以编程方式加载组件要优雅得多。

import Vue from "vue";
import Popup from "./popup";

const PopupComponent = Vue.extend(Popup);

const PopupIns = new PopupComponent();

PopupIns.$mount();

document.body.append(PopupIns.$el);

Vue.prototype.$popup = Vue.$popup = function () {
  PopupIns.open();
};

可以通过全局上下文 $popup() 或 $modal.open() 打开弹出窗口或模态窗口。

Edit this page
最近更新: 2025/6/27 02:24
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人