Vue+Nuxt如何实现后台管理系统的权限控制

页面权限控制分为两种：
菜单中的页面是否能被访问
页面中的按钮（增、删、改）的权限控制是否显示
大致的页面访问权限的流程：

详细实现过程：
1、创建路由表
左侧菜单的列表，我放在vuex中的一个模块js中

直接贴代码routerPermission.js：
state中的permission为模拟的从接口中获取的权限表，slideMenu为左侧导航菜单的列表。
ROUTER_MATCH为路由与权限表匹配，将匹配的值放到相应页面的路由中，然后再在页面中使用。

const user = {
state: {
permission: [
{
‘path’: ‘/active/active’,
permission: [0, 1, 2]
},
{
‘path’: ‘/task/task’,
permission: [1, 2]
},
{
‘path’: ‘/resource/resource’,
permission: [3, 4]
},
{
‘path’: ‘/theme/theme’,
permission: [5, 6]
},
{
‘path’: ‘/organization/org’,
permission: [5, 6]
},
{
‘path’: ‘/organization/authority’,
permission: [5, 6]
}
],
slideMenu: [
{
‘id’: