vue动态引入组件

vue动态引入组件,正常情况是页面渲染时动态加载该页面组件,还能进行细化动态加载情况,比如弹窗组件
动态导入:除了路由懒加载,你还可以在其他地方使用动态导入来按需加载组件。例如,在某个按钮的点击事件中异步加载一个组件:


import('./components/MyComponent.vue').then((module) => {
  // 在回调中使用异步加载的组件
  const MyComponent = module.default;
  // ...
});

这样,只有当按钮被点击时才会加载组件

posted @ 2023-10-12 10:27  yoona-lin  阅读(589)  评论(0编辑  收藏  举报