vue 仅根据请求加载组件内容

Question

我是 vue 的新手，我遇到了这个问题，说我有十几个包含大量内容的弹出窗口，实际上只有在请求时才需要。我意识到我以前的方法是错误的（我尝试使用 vue-router 来渲染内容，但它没有效果，因为每次我推送到新路由时弹出窗口下的内容都会改变）。 I tried named views, but I still think its wrong。现在我的问题是，我把它作为一个模态组件放在里面怎么样？它只会在演出时呈现吗？或者它是否会在我将它附加到组件时立即渲染，无论它是否显示？我怎样才能让它只呈现，比如在用户点击一个按钮之后？

export default {
name: ‘app’,
components: {Modal1,Modal2,Modal3,Modal4}, <-- are all this will be rendered?
}

顺便说一句，我正在使用 webpacks。另外，我是 SPA 开发的新手，所以我不确定我是否正确掌握了渲染的概念......我只想确保页面会首先渲染并加载，而无需等待每个模式完成渲染...此外，它必须可以从应用程序内的任何路由器视图访问。

编辑：经过进一步研究，我认为我可以使用动态组件来做到这一点。我想我现在走在正确的轨道上，我只需要帮助找到正确的指南。

Answer 1

您好，既然您提到您正在使用 webpack，那么正确的方法是使用“延迟加载”和“代码拆分”功能。 可以找到 vue 特有的东西here