多视图,就是预先留好多个坑,并用name命名好,不命名的默认叫default
<router-view name="header" class="ss"></router-view> <router-view></router-view> <router-view name="footer" class="ss"></router-view>
多视图的情况下,跳转到一个新的路由,要将其中对应的视图都填充好相应的内容。
let router = new VueRouter({ routes:[ { path:'/', components:{ header:Home, default:Home, footer:Home } }, { name:"img", path:'/a', //跳转到这个路由时,用Picture模块填充进去 components:{ header:Picture, default:Picture, footer:Picture } }, ] });
多视图使页面更加灵活,多样。