布局和模板提供了一种跨多个页面共享 UI 元素的方式,保持状态并避免不必要的重新渲染。布局围绕页面,在路由变化时持续存在,以保留导航栏或侧边栏等元素。
模板与布局类似,它们也围绕每个子布局或页面。与在路由之间持续存在并保持状态的布局不同,模板为它们的每个子元素在导航时创建一个新的实例。这意味着当用户在共享模板的路由之间导航时,组件会挂载一个新的实例,DOM 元素会被重新创建,状态不会保留,效果也会重新同步。