Roman K

Изучай

Время жизни на клиенте самого токена проверять не надо:
1. JWT может быть httpOnly, иначе это прямой удар по безопасности в виде возможности сXSSить этот токен скриптами
2. У пользователя на ПК время может отличаться от серверного. Допустим, время жизни JWT — 5 минут, а у пользователя часы спешат на 6 минут. Этой разницы недостаточно, чтобы SSL не установилось, зато достаточно, чтобы твой скрипт навсегда зациклился в попытке получить "свежий" токен, думая, что он несвежий

Поэтому делаешь так:
После успешного получения JWT ставишь в localStorage текущее время пользователя (пренебрегая разницей между действительным временем истечения и временем исполнения твоей функции — оно скорее всего не будет превышать пинг пользователя + 100мс). Каждый запрос прерываешь с помощью какого-нибудь https://github.com/axios/axios#interceptors В этом "прерывателе" смотришь в localStorage и если прошло 50-80% (тут оставляем запас, потому что мы выше пренебрегли разницей + сам запрос может длится некоторое время [например, это могут быть сетевые задержки, или запрос будет лежать в очереди, пока воркеры заняты или какие-то запросы бэкенда в БД будут происходить до валидации JWT] + часы пользователя могут идти быстрее серверных и дать лишние пару микросекунд) времени жизни JWT — отправляешь сперва запрос на рефреш этого токена, а потом уже отправляешь сам запрос.

Тебе прочитать документацию про взятие элементов по индексу или сам догадаешься?

Не надо это делать. Продакшен сборка должна собираться либо вручную (fabric, ansible), либо по CI (например, при пуше в ветку master или production)

Объект не привязывается через v-model. Для этого лучше использовать массив. Но если очень хочется объект — то:
https://jsfiddle.net/gvmo58Lb/

Вариантов миллион.

Если кука сессии/jwt не httpOnly, то просто смотришь на неё. По желанию, можешь смотреть на неё до запроса и после, а потом сравнивать.

Можешь сделать от бэкенда ответ на авторизацию "окей" / "не окей".

Можешь на основании дальнейших ответов от бэкенда понимать, авторизован ты или нет.

Главное — никогда не ориентируйся в браузере на клэймы JWT вроде nbf, exp, потому что у клиента может быть сбитое время настолько, что хэндшейк у TLS пройдёт, а всю твою схему обновлений сломает. Например, будет отставать на 6 минут при валидности токена 5 минут.

Для всего этого на вебшторм достаточно поставить плагин Vue.js, чтобы подсвечивались .vue файлы. Интеграция с нодой и ESLint уже имеется. Больше ничего не нужно для "комфортной работы".

Просто забей.

Vuex

Сам себя решил перехитрить?

mutations: {
  GET_DATA(state, response) {
    state.data = response.data;
  }
},

if (response.data) {
  commit("GET_DATA", response.data);
}

Смекаешь?

P.S. Название мутации жжёт

Можно. Создай компонент из div'а

Очевидно, пройтись по ответу от сервера. Иди учи ramda или lodash на крайняк