vue-登录路由跳转到主页后开始加载菜单数据

情景：

点击登录后，是通过路由跳转到主页，此时是没有发出菜单数据请求的，什么时候发起呢？

应该在Home.vue整个页面加载的时候，就应该立即发送请求获取左侧菜单数据

在哪里写这个请求代码呢？

1.created中调用

created () {this.getMenuList()
}

2.methods中实现

methods: {// 获取所有的菜单async getMenuList() {// 利用对象结构获取等号右边对象的data属性，用res变量接收const { data: res } = await this.$http.get('menus')if (res.meta.status !== 200) return this.$message.console.error(res.meta.msg)this.menuList = res.data}}

插一句：element-ui中每个组件名称就是一个类名，可以直接通过比如：点el-header为它设置css