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?
}

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

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

Answer 1

嗨，既然你提到你正在使用 webpack，那么正确的方法是使用 "lazy load" & "code splitting" 特性。可以找到特定于 vue 的东西 here

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

vue Only Load the component content upon request

single-page-application

webpack

vue.js

vue-router