Vue中的do layout指的是通過組織Vue組件的嵌套結構，來實現頁面布局的目的。使用do layout的好處是可以使代碼更加清晰簡潔，也方便了頁面的維護和組件的重用。

<template><div class="wrapper"><header><nav><ul class="navigation"><li>Home</li><li>About</li><li>Contact</li></ul></nav></header><main><router-view /></main><footer><p>Copyright ? 2021</p></footer></div></template>

在上面的代碼中，我們可以看到整個頁面被包裹在一個名為wrapper的div中，頁面由三個部分組成：header、main、footer。其中，header部分包括了導航欄，main部分則包含了路由的渲染，也就是頁面的主要內容，footer部分則包含了版權信息。

通過使用Vue的路由功能，我們可以實現頁面的切換，主要內容區域會不斷地被替換成其他組件的內容，而header和footer則保持不變。

除了常規的布局之外，我們還可以通過使用Vue插件來實現更加靈活的頁面布局。例如，使用Element UI中的Layout組件可以快速實現任意布局的頁面，從而進一步提高開發效率。