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自带的属性,作用大得很,我们可以在它里面定义很多我们自己用来做判断的属性。