“书签”布局的方法

Question

我不确定在Web开发中是否将这种事情称为“书签”布局。我将在下面的屏幕上进行解释。

我想实现这样的目标，并且缺少如何做到这一点的知识。有人可以指出我应该在哪里停泊吗？我在网络上找不到任何东西，可能是用了坏词。

该组件将成为应用程序的一部分，在我们推到路由器路径后，它将显示这种布局。基本上，我可以做到这一点，继续为每个页面推不同的路线，但是如果那些页面属于“一个模型支持者”，我不想在切换它们时一直都重新加载它们，只需要在进入每个页面后一次。它将像移动应用程序（iOS）中的标签栏一样工作。

Answer 1

在许多UI上下文中（例如浏览器，macOS应用程序等）和Web开发中，您称为“书签布局”的名称简称为tabs（例如您还提到的iOS标签栏）

  

我不想在切换它们的同时一直重新加载它们

Vue为这种使用情况提供了内置组件<keep-alive>：

  

包裹动态组件时，<keep-alive>缓存不活动的组件实例而不会破坏它们。

请参见Vue指南：https://vuejs.org/v2/guide/components-dynamic-async.html#keep-alive-with-Dynamic-Components

  

但是，在这些组件之间切换时，有时出于性能原因，您有时会希望保持它们的状态或避免重新渲染。 […]

     

要解决此问题，我们可以使用<keep-alive>元素包装动态组件