优德娱乐场w88手机版:一个值得你收藏的教程网站

最新下载

vue.js通过路由实现经典的三栏布局实例代码

时间:2018-07-09 10:53:14 编辑:猪哥 来源:转载

经典的三栏布局效果图如下:

vue.js通过路由实现经典的三栏布局实例代码

三栏布局

?将布局的各个区块定义成组件



?用router-view显示相应的组件

  
  
  

?定义路由规则

let router = new VueRouter({
  routes: [
    {
      path: '/',
      components: {
        'header': header,
        'left': left,
        'main': main
      }
    }
  ]
});

具体代码

文章评论

热门栏目

XML 地图 | Sitemap 地图