Vue项目 vue.js - 锐客网

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添加