vue多视图

　　多视图，就是预先留好多个坑，并用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
          }
       },      
    ]
});

　　多视图使页面更加灵活，多样。