下面是我在项目中负责的模块:
左侧菜单栏数据请求
//菜单栏信息
async getmenu() {
let { data: res } = await muney.getList();
console.log(res);
this.menulist = res;
},
页面
难点:三级联动
功能点:添加 编辑 删除 分页器 (封装的面包屑)
项目过程中的记录
1 子组件和一些可复用组件
2 slot插槽
3.有header+main+sidebar,怎么在 main中点击 Header组件里的menu,去触发 SideBar的效果呢。这需要用到组件中的通信,并且不是父子组件,
参考方法 1可以使用this.$root.$emit和this.$root.$on试试,event bus 2vuex,因为项目里使用了vuex,所以应该是从vuex找方法了
4.路由懒加载和权限验证和进度条
promise
5.api模块和views组件命名一一对应