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

时间:2017-12-07 04:06:26

标签: webpack vue.js single-page-application vue-router

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

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

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

1 个答案:

答案 0 :(得分:0)

嗨,因为你提到你正在使用webpack,正确的方法是利用“懒惰负载”&amp; “代码拆分”功能。 可以找到特定于vue的内容here