default

只是一个练习项目,旨在熟悉vue-router 和 vuex 结合的规模化开发

路由配置

如果新加入的页面需要在sidebar.vue组件中展示,组件基本配置项如下:

例如,新增加一个页面:student.vue

 import Page from 'xxxx/BasePage.vue';
 export default {
 	  index:0,//左侧路由排序,可以没有,默认使用BasePage中的index:99;
 	  extends:Page,//必须有这个，否则在菜单就不会自动显示
 	  title:"页面title"----这个是左侧导航名称
 	  name: 'Student',------页面名称
 	  props: {
 	    // msg: String
 	  },
 	  data(){
 		  return{			 
 	 		  		  
 		  }
 	  },
 	  created(){
 	  },
 	  ......
 	}

routes.js中的配置如下

	children:[
	  ....
			{
				path: '/student',
				name: 'Student',
				component:Mymodule['Student'],				
			},	
	.....
	]

自定义组件

本例的自定义组件放到base文件夹下,组件有一个自定义钩子isComponent,只有 isComponent:true 时才会被正确注册.

例如 self.vue组件

 export default{
 		name: 'Self',
 		isComponent:true,//必须有这个
 		props: {
 			msg: String
 		},
 		data() {
 			return {				
 				
 			}
 		},
 		created(){	
 		}, 		
 		
 }