> UI組件使用詳見[iView官網文檔](https://www.iviewui.com/docs/guide/install)【務必收藏仔細閱讀】
> Vue Cli 3.0 配置文件在`vue.config.js`中,[官方中文配置文檔](https://github.com/vuejs/vue-cli/tree/dev/docs/zh/config)
### 如何實現三級菜單?
* 請使用Tab組件,詳見系統監控-操作日志管理頁面,將每個tab內容封裝成單獨組件即可,用戶使用體驗更佳
### Tag標簽頁面緩存說明
* 由于已使用已使用`keep-alive`組件(Main.vue中),當且僅當組件name名與菜單路由中配置的路由名一致時頁面緩存生效
* 不想要緩存的頁面還可以在`/src/store/modules/app.js`中的`dontCache`配置,將頁面的name屬性值配置進數組即可
### 請求方法
* api接口建議統一放在`src/api`文件夾下統一引用方便管理,也可全局使用封裝掛載好的請求方法,如`this.getRequest、this.postRequest`等
### 菜單頁面動態添加說明
> 僅有一個一級菜單不會顯示,請為該一級菜單至少添加一個子級菜單
* 系統菜單中動態添加配置,請參考已有配置。注:一級菜單組件只能填`Main`,url路徑前必須加上`/`,二級菜單頁面Vue組件請放置`views`目錄中開發。

* 配置后記得在角色管理中給用戶配置菜單權限(分配后菜單實時刷新顯示,無需刷新頁面)

* 菜單始終顯示配置說明

### 權限控制界面顯示
* 權限按鈕或其他內容顯示控制自定義標簽:`v-has`,使用示例:
~~~
<Button v-has="'add'">添加按鈕</Button>
<Button v-has="'edit'">編輯按鈕</Button>
<Button v-has="'delete'">刪除按鈕</Button>
<div v-has="'view'">需要view權限的界面內容</div>
~~~
* js中權限判斷示例
~~~
if(this.$route.meta.permTypes.includes("edit")){
return ... ...
}else{
return ... ...
}
~~~
* 需與菜單中頁面下配置的權限按鈕類型匹配(權限按鈕類型可在數據字典中配置)

* 根據當前登錄的用戶擁有的角色全局控制權限顯示,直接使用即可,自定義標簽:`v-hasRole`,使用示例:
~~~
<Button v-has="'ROLE_ADMIN'">添加按鈕</Button>
~~~
* js中判斷使用
~~~
if(this.getStore('roles').includes("ROLE_ADMIN")){
... ...
}
~~~