进入项目 cd 项目名
npm install
cp _config.js config.js
npm run dev
router:编译时会自动生成路由文件,pages文件夹下的文件会自动生成路由
例如:pages文件夹下新建home文件夹,下的list.vue,路由即为 /home/list
pages文件夹下login.vue,路由即为 /login
store:只需在store文件夹下填写对应的文件即可,编译时会自动写入到index.js文件中
命名规则:文件夹名+”_“+文件名
例如:this.$store.state.setting_user.userName setting即为store下的文件夹名称,user即为setting文件夹下的.js文件名
components自定义组件:只需在当前文件夹下写.vue文件,编译时会自动注入全局组件
命名规则:文件夹名+”-“+文件名
例如:setting-user组件 setting即为components下的文件夹名称,user即为setting文件夹下的.vue文件名,如果.vue文件名为user-test组件名则为setting-user-test
用户菜单权限文件目录为src/js/modules/menu.js,最多支持三级菜单。
分为:
一级菜单对象firstMenu:一级菜单没有parent字段和path字段
二级菜单对象secondMenu:二级菜单没有path字段,但是必须有parent字段对应到一级菜单
权限菜单对象permission:无论是一级菜单或是二级菜单只要该菜单下再无其他菜单就要配置到此对象中
键名为权限对应的名称;
parent对应为一级或二级菜单的键名,如果该权限为一级菜单parent字段可能不填;
name为菜单名称;
key值不能重复;
path为对应的路由
const permission = {
'userSettingList':{
parent:'userSetting',
name:'用户列表设置',
key:'userSettingList',
path:'/user/settingList'
}
}