Vue项目

vue项目添加菜单

vue是基于组件:vm的components，一个 vue component （或者说 vue instance，两者只有细微差别）可以看成是 view 和 model 的结合，或者更直接一点：template + model。model 的属性（props）可以在 view 中引用时赋值，model 的数据（data）可以被 view 取用。还有其他一些 view 和 model 的调用关系。
具体可以参考：https://www.jianshu.com/p/937...

所以针对于组建开发方式,我们可以按照如下步骤：

1、添加组建

index.js用于记录菜单路由:

import { modName } from './vars'

/** @type {import('vue-router').RouteConfig[]} */
const routes = [
  {
    path: `/${modName}`,
    meta: { title: '计费', icon: 'menu', permissionTag: 'bill' },
    children: [
      {
        path: 'recharge',
        component: () => import('./views/recharge/Index.vue'),
        meta: { title: '充值管理', permissionTag: 'bill_recharge' }
      }
    ]
  }
]
export default { routes }

vars.js是配置的路由中变量
export const modName = 'bill'

Index.vue就是我们的组建:component

2、添加路由

在app/plugins/core.js中的moduleList添加

3、在系统权限表里面添加菜单

在系统权限表里面添加菜单权限，然后将其赋于对应的角色。