# 全局的組件如何使用
```
<main-theme1 ref="mainTheme">
<template slot="headerRight">
<div @click="logout">退出登錄</div>
</template>
<template slot="headerLine">
<div class="hd-line"></div>
</template>
<router-view></router-view>
</main-theme1>
```
### mainTheme1 props
| 屬性 | 說明 | 類型 | 默認值 |
| --- | --- | --- | --- |
| logoPath | logo圖片 | String | default |
| avatarPath | 登錄后的頭像 | String | default |
| siderWidth | 左側菜單的寬度 | Number | 200 |
| headerMenusShow | 是否顯示頂級菜單 | Booble| true |
### mainTheme1 slot
| 名稱 | 說明 |
| --- | --- |
| headerRight | 頭部右側的內容,調用退出功能:this.$refs.mainTheme.logout() |
|headerLine| 頭部下面的div,可以自定義樣式|
- vue學習方向
- iview-admin項目說明
- 快速開始
- 開發工具
- 開始開發
- 接口的定義和調用
- 常用函數匯總
- 組件的定義
- iview開發規范說明
- 插件使用說明
- 時間插件
- 命名規范
- vue變量函數規則
- 接口嵌套使用說明
- 組件建立說明
- vue使用規范
- 數據檢測特別說名
- iview-layout-themes
- util
- common
- xeUtils詳細說明
- form表單自動生成
- theme1使用說明
- theme2使用說明
- hd-login登錄組件說明
- wl-upload-files圖片上傳組件
- wl-upload-imgs
- wl-upload-oss-files
- wl-read-excel
- wl-dir-upload選擇文件架
- system組件說明
- 機構管理wl-company-manager
- 用戶管理
- wl-excel-import Excel數據導入
- 前臺使用說明
- 后臺使用說明
- Excel使用說明
- wl-vue2-editor
- 字符串截取方法
- redis常用說明
- 推薦redis使用規范