Question

我希望仅在点击路线后才能让Vue自定义组件加载。

让我们说我的应用程序被剥离的html结构看起来像这样：

<div id="admin">
  <admin-menu><!-- component with routes --></admin-menu>
  <div id="content-container">
     <!-- want dynamically loaded Single Page Components here -->
  </div>
</div>

我希望内容容器成为目标，应该放置动态加载的单页组件。

我不想的一件事就是从一开始就在内容容器中预定义自定义组件，如下所示：

<div id="admin">
  <admin-menu><!-- component with routes --></admin-menu>
  <div id="content-container">
     <my-component-1></my-component-1>
     <my-component-2></my-component-2>
     <my-component-3></my-component-3>
     <my-component-N></my-component-N>
  </div>
</div>

如果我这样做，他们必须注册，即在应用启动时vue点击它们时加载，但我希望组件延迟加载。

那么如何在单击相应的路由器链接后>初始化单个文件组件并将其放置在目标内容容器中？

vue js with vue router and lazy loading custom tags / components

0 个答案: