1.在views文件夹下新建home.vue
介绍下首页应该包含头部。左边菜单导航栏。右面实时加载的内容,整个部分划分为三块。
页面布局如下
//头部组件
//教师身份菜单
//循环菜单
//绑定类
{ {item.name}}
//学生身份菜单
{ {item.name}}
//管理员身份菜单
{ {item.name}}
//右面内容区
import Header from '../views/header/header.vue' //头部组件引入
export default {
name: "home",
data(){
return{
showTeacher:false, //初始值都不显示
showStudent:false,
showManager:false,
menuitem:[
{path:'/person-msg',name:'个人信息',class: 'fa-line-chart'},
{path:'/grade-manage',name:'成绩管理', class: 'fa-newspaper-o'},
{path:'/grade-query',name:'成绩查询', class: 'fa-line-chart'},
{path:'/grade-write',name:'成绩录入&