iview-admin3.0 路由介紹
當我們從官網下載下傳iview-admin後,并将其成功運作,使用的第一步就是路由,下面說一說我對iview-admin3.0中路由的認識。
加載原理
router/index.js
是系統路由的主配置,在這個檔案中加載了
router/routers.js
,是以我們定義的路由會被加載。
main.vue
:
main.vue是項目頁面主架構元件,整個布局都在此加載,菜單也不例外,可以看到
<side-menu>
的
menu-list
綁定了一個值,這個值的來源就是
routers.js
,當然是根據我們定義的路由屬性來加載的。下面就介紹一下ivew-admin路由的屬性。
hideInMenu
該屬性為true則不會在左側的菜單中顯示。
notCache
見名知意,作用是重新整理頁面後不會保留在該頁面。
hideInBread
不會再面包屑區域顯示:
meta
vue自帶的屬性,作用大得很,我們可以在它裡面定義很多我們自己用來做判斷的屬性。