vetsmen

Если нужна изолированность, можно сделать так:

await Promise.all(
  items.map(async (item) => {
     let doOne = await somethingFn(item);
     let doTwo = await somethingFn2(item);
  });
);

Но ничто не мешает перебирать массив в обычном цикле:

for (const item of items) {
   let doOne = await somethingFn(item);
   let doTwo = await somethingFn2(item);
)

Я так понял, вам нужно что-то вроде этого:

let items = (recoupment > 0 && await getItems(id, price, true)) || await getItems(id, price, false);

Вот так. Данные строки таблицы доступны через параметры слота. Например (кнопка Info).

Кароч
На самом деле все проще чем тут пытаются навязать

Все функции делайте в methods().

Когда первый раз загружаете компонент, то вместо всей функции вызывайте соответствующий метод, например this.startComponent()

Затем создаете watch

Этот watch будет выглядеть как то так:

watch: {
  '$route'(){
      this.startComponent()
  }
}

И тогда все заработает как вы хотите

Про watch с route можете прочитать тут

<div :class="`profile ${userdata.auth_service}`">

или

<div :class="[ 'profile', userdata.auth_service ]">

или

<div class="profile" :class="userdata.auth_service">

<div :class="'profile' + userdata.auth_service">
Как-то так. v-bind:class или сокращённо :class

BigInteger, bignumber

data: () => ({
  focused: false,
}),

<input @focus="focused = true" @blur="focused = false">
<span v-show="focused">FOCUSED</span>

https://jsfiddle.net/mc69wnwu/

Попробуйте написать обычную функцию, а не стрелочную.
И вдобавок почитайте, в каких случаях следует применять стрелочные функции.

Например вот так:
https://www.npmjs.com/package/vue-axios

Модуль будет доступен из всех компонентов через this.$http

Примесь:

export default Vue.extend({
  methods: {
    hello: function () {
      console.log('test')
    }
  }
})

Еще у вас экспортируется переменная login, а импортируете вы Login.
Проблема скорее всего здесь. Отсюда и undefined.

Миксины.

W3C CORS

HTTP.defaults.headers.common['Authorization'] = `Bearer ${token}`;

https://github.com/axios/axios#custom-instance-defaults

methods: {
  logout() {
    localStorage.removeItem('token');
    this.$store.commit('changeUserData', {});
    this.$store.commit('changeAuth', false);
  }
}

Если не заметили, что изменилось, то мы убрали стрелочную функцию и заменили ее на метод (короткий синтаксис es6). И собственно, после этой замены контекст this не будет теряться.
Было:
logout: () => {
Стало:
logout() {

Из документации:

Стрелочные функции не создают собственный контекст this, а используют значение this окружающего контекста.

Вот так надо

export default {
    name: 'main',
    data: () => ({
      authenticated: false
    }),
    mounted ()  {
      this.authenticated = true
    }
  }

<img :src="`some/path/${item.img}`">

https://jsfiddle.net/y8hhecf3/

https://jsfiddle.net/L5mmcudp/