vue iview-admin3.0 路由介绍

iview-admin3.0 路由介绍

当我们从官网下载iview-admin后,并将其成功运行,使用的第一步就是路由,下面说一说我对iview-admin3.0中路由的认识。

加载原理

router/index.js是系统路由的主配置,在这个文件中加载了router/routers.js,所以我们定义的路由会被加载。


main.vue在这里插入图片描述
main.vue是项目页面主架构组件,整个布局都在此加载,菜单也不例外,可以看到menu-list绑定了一个值,这个值的来源就是routers.js,当然是根据我们定义的路由属性来加载的。下面就介绍一下ivew-admin路由的属性。

hideInMenu

vue iview-admin3.0 路由介绍_第1张图片
该属性为true则不会在左侧的菜单中显示。

notCache

见名知意,作用是刷新页面后不会保留在该页面。

hideInBread

不会再面包屑区域显示:
在这里插入图片描述

meta

vue自带的属性,作用大得很,我们可以在它里面定义很多我们自己用来做判断的属性。
vue iview-admin3.0 路由介绍_第2张图片

你可能感兴趣的:(vue蹚水之路,前端技术总结)