SOURCE

var App = new Vue({
  el: "#app",
  data() {
    return {
      config: {
        // 菜单足迹标识
        sessionKey: 'glui-layout',
        // 是否缓存页面打开的菜单
        loadwithCache: true,
        // 缓存过期时间 单位s
        CacheExpire: 12 * 60 * 60,
        // 左侧菜单展开宽度
        sideWidth: 180,
        // 首页地址
        homePage: '//baidu.com',
        // 登出地址
        logout: '/home/logout',
        // 菜单产开时的logo
        logo: '//file.40017.cn/ebkresource/glui/logo/LogoF.png',
        // 菜单收缩时的logo
        mlogo: '//file.40017.cn/ebkresource/glui/logo/mLogo.png',
        // 一开始是否展开菜单
        collapsed: false,
        // 是否只保持一个子菜单的展开
        uniqueOpened: true,
        // 默认展开的菜单 collapsed为true时生效 [一级： '-0' '-1' '-2' ···] [二级： '-0-0' '-0-1' '-0-2' ···]
        defaultOpeneds: [],
        // 用以补充leftMenu里第一层菜单的icon配置
        icons: ['djicon djicon-outbound', 'djicon djicon-heel', 'djicon djicon-domestic', 'djicon djicon-resources', 'djicon djicon-information', 'djicon djicon-business', 'djicon djicon-system'],
        // 菜单信息
        leftMenu: [{
          "title": "腾讯",
          "childs": [{
            "title": "微信公众平台",
            "url": "//mp.weixin.qq.com/",
          },
          {
            "title": "腾讯云",
            "url": "//cloud.tencent.com",
          }]
        },
        {
          "title": "阿里",
          "childs": [{
            "title": "阿里云",
            "url": "//www.aliyun.com",
          }]
        },
        {
          "title": "百度",
          "url": "//www.baidu.com",
        },
        {
          "title": "微软",
          "url": "//www.microsoft.com/zh-hk/",
        },
        {
          "title": "谷歌",
          "url": "//www.google.com.hk/",
        },
        {
          "title": "网易",
          "url": "//www.163.com/",
        },
        {
          "title": "系统管理",
        }]
      }
    }
  }
})

<div id="app">
  <glui-layout :config="config">
  </glui-layout>
</div>