Vuejs 2.0 使用 Vuex 开发项目

好的， Jelly

应为我的后台用户的权限是三个维度的，如果前端要实现检查是相当麻烦的，所以我想让前端直接根据后端返回的权限对应的路由，做渲染！
我之前是用blade模板写的：

<ul class="site-menu">
                    @foreach($user->menus as $menu)
                        @if(! array_has($menu, 'children'))
                            <li class="site-menu-item">
                                <a href="{ route($menu->router) }">
                                    <i class="site-menu-icon { $menu->icon }" aria-hidden="true"></i>
                                    <span class="site-menu-title">{ $menu->name }</span>
                                </a>
                            </li>
                        @else
                            <li class="site-menu-item has-sub { active_class(if_uri_pattern([$menu->router.'/*']), 'active open') }">
                                <a href="javascript:void(0)">
                                    <i class="site-menu-icon { $menu->icon }" aria-hidden="true"></i>
                                    <span class="site-menu-title">{ $menu->name }</span>
                                    <span class="site-menu-arrow"></span>
                                </a>
                            @if($menu->children)
                                <ul class="site-menu-sub">
                                    @foreach($menu->children as $child)
                                        <li class="site-menu-item { active_class(if_route($child->router)) }">
                                            <a class="animsition-link" href="{ route($child->router) }">
                                                <span class="site-menu-title">{ $child->name }</span>
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            @endif
                     </li>
              @endif
       @endforeach
</ul>

现在想改成Vue 单页应用

后端获取登录用户权限

/**
     * 获取用户菜单属性
     * @return array
     */
    public function getMenusAttribute()
    {
        $user = Auth::user();
        if ($user->admin) {
            $permissions = DB::table('permissions')
                ->select('id', 'dependency', 'name', 'icon', 'type', 'router', 'status')
                ->where('type', 'menu')
                ->get()->groupBy('dependency');
        } else {
            /**
             * 获取人员所在部门的权限
             */
            $departments = DB::table('users')->select('permissions.*')
                ->leftJoin('department_user', 'users.id', '=', 'department_user.user_id')
                ->join('departments', 'department_user.department_id', '=', 'departments.id')
                ->leftJoin('department_permission', 'departments.id', '=', 'department_permission.department_id')
                ->join('permissions', 'department_permission.permission_id', '=', 'permissions.id')
                ->where('users.id', $user->id)
                ->get();
            /**
             * 获取人员所在岗位的权限
             */
            $positions = DB::table('users')->select('permissions.*')
                ->leftJoin('position_user', 'users.id', '=', 'position_user.user_id')
                ->join('positions', 'position_user.position_id', '=', 'positions.id')
                ->leftJoin('position_permission', 'positions.id', '=', 'position_permission.position_id')
                ->join('permissions', 'position_permission.permission_id', '=', 'permissions.id')
                ->where('users.id', $user->id)
                ->get();
            /**
             * 获取人员拥有的特殊权限
             */
            $users = DB::table('users')->select('permissions.*')
                ->leftJoin('user_permission', 'users.id', '=', 'user_id')
                ->join('permissions', 'user_permission.permission_id', '=', 'permissions.id')
                ->where('users.id', $user->id)
                ->get();

            /**
             * 将三种权限按依赖关系分组并根据ID排序
             */
            $permissions = collect(array($departments, $positions, $users))
                ->collapse()
                ->sortBy('id')
                ->groupBy('dependency');
        }

        $menus = [];

        /**
         * 将Collection按照菜单结构添加到$menus数组中
         */
        foreach ($permissions as $key => $value) {
            if ($key == 0) {
                foreach ($value as $item) {
                    $menus[$item->id] = $item;
                }
            } else {
                $menus[$key]->children = $value;
            }
        }

        return $menus;
    }