**Этот фрагмент представляет собой код на JavaScript, который описывает функции для работы с аутентификацией и авторизацией пользователей.**

*Promise* — это объект, который позволяет выполнять асинхронные операции и получать их результаты. В данном фрагменте *Promise* используется для выполнения асинхронной операции входа в систему.

Функция *login* выполняет вход в систему и возвращает обещание (*Promise*), которое будет выполнено после успешного входа или отклонено в случае ошибки. Если вход выполнен успешно, то функция *setToken* устанавливает токен доступа, а функция *commit* сохраняет данные о пользователе в хранилище.

Функции *GetInfo*, *LogOut* и *FedLogOut* выполняют аналогичные действия для получения информации о пользователе, выхода из системы и удаления токена соответственно. ### До сих пор реализовано динамическое меню, осталось только реализовать права на кнопки, это довольно просто, достаточно добавить одну директиву Vue

```javascript
import Vue from 'vue'
import store from '@/store'

/** 权限指令**/

Vue.directive('has', {
  bind: function(el, binding) {
    if (!Vue.prototype.$_has(binding.value)) {
      el.parentNode.removeChild(el)
    }
  }
})

// 权限检查方法
Vue.prototype.$_has = function(value) {
  // Получить пользовательские права кнопок
  let isExist = false
  const dynamicButtons = store.getters.buttons
  if (dynamicButtons === undefined || dynamicButtons === null || dynamicButtons.length < 1) {
    return isExist
  }
  dynamicButtons.forEach(button => {
    if (button.resources === value) {
      isExist = true
      return isExist
    }
  })
  return isExist
}

<!-- Значение v-has — это значение resources атрибута buttons при получении информации о пользователе. Проводим сравнение -->

<el-button v-has="'perm:new'" class="btns">Добавить</el-button>

<el-button v-has="'perm:haha'" class="btns">Хаха</el-button>