天天看點

vue iview-admin3.0 路由介紹iview-admin3.0 路由介紹

iview-admin3.0 路由介紹

當我們從官網下載下傳iview-admin後,并将其成功運作,使用的第一步就是路由,下面說一說我對iview-admin3.0中路由的認識。

加載原理

router/index.js

是系統路由的主配置,在這個檔案中加載了

router/routers.js

,是以我們定義的路由會被加載。

main.vue

vue iview-admin3.0 路由介紹iview-admin3.0 路由介紹

main.vue是項目頁面主架構元件,整個布局都在此加載,菜單也不例外,可以看到

<side-menu>

menu-list

綁定了一個值,這個值的來源就是

routers.js

,當然是根據我們定義的路由屬性來加載的。下面就介紹一下ivew-admin路由的屬性。

hideInMenu

vue iview-admin3.0 路由介紹iview-admin3.0 路由介紹

該屬性為true則不會在左側的菜單中顯示。

notCache

見名知意,作用是重新整理頁面後不會保留在該頁面。

hideInBread

不會再面包屑區域顯示:

vue iview-admin3.0 路由介紹iview-admin3.0 路由介紹

meta

vue自帶的屬性,作用大得很,我們可以在它裡面定義很多我們自己用來做判斷的屬性。

vue iview-admin3.0 路由介紹iview-admin3.0 路由介紹