Дмитрий Гололобов

function getA() {
  return {
    a: 10,
  }
}

let a = 'string';

({ a } = getA());

console.log(a);// 10

watch: {
  cloneItems(old, cur) {
    this.prevItems = old;
  },

Вот что бывает, когда не читаешь документацию.
Параметры местами перепутаны - сначала новое значение, потом старое.

computed: {
  cloneItems: () => this.items.slice(),

Вот что бывает, когда не знаешь язык.
Контекст внутри cloneItems - это не экземпляр компонента. Заменить стрелочную функцию на обычную.

prev items:
<div v-for="item in items" :key="item">

Вот что бывает, когда бездумно копипастишь .
Заголовок поменяли, а про выводимые данные забыли.

this.items = [...this.items, Date.now()];

Нет необходимости создавать новый массив, достаточно делать push - вызовы мутирующих методов тоже отслеживаются.

Ну а если всё же намерены и дальше перезаписывать массив целиком, то нет необходимости делать копию - можно следить сразу за оригиналом, раз он заменяется целиком.

Антон,
В вашем случае когда вы пишете:

// Возвращается dom node - прям этот элемент из DOM
document.querySelector('Ваш элемент') 
// Вы прям на эту ноду вешаете событие
document.querySelector('Ваш элемент').addEventListener('click',f())

Когда же вы пишите:

// Возвращается "Масив" элементов - тип масив
document.querySelectorAll('Ваш элемент')
// У массива нет метода addEventListener - ошибка
document.querySelectorAll('Ваш элемент').addEventListener('click',f())

Решается перебором масива:

document.querySelectorAll('Ваш элемент').forEach(item=>{
// Item - каждый элемент в массиве и он же является node елементом из DOM 
item.addEventListener('click',f())
})

const arr = [
  {
    value: 'aaa'
  },
  {
    value: 'bbb'
  },
  {
    value: 'ccc'
  },
  {
    value: 'ddd'
  },
]

let arr2 = [];

arr.forEach(el => {
   arr2.push(el.value)
})

console.log(arr2)

const arr2 = arr.map(({ value }) => value);

const arr2 = arr.map(n=>n.value);

v-for="n in (condition ? items1 : items2)"

Можно в вычисляемое свойство завернуть:

computed: {
  items() {
    return condition ? this.items1 : this.items2;
  },
},

v-for="n in items"

Событие, оно же event, например click, focus, mousedown, touch - то, что происходит.
Функция-обработчик она же handler, у Вас названа как callback - реакция на событие. То есть, что сделать при наступлении события.

addEventListener - дословно: добавить слушатель события. Соответственно указываем событие и слушатель для него.

Разобрался, сделал так:

if (typeof ub_id !== 'undefined') {/* ... */}

Потому что кнопка у вас лежит внутри label, рядом с чекбоксом. Когда нажимаете кнопку — получается, что нажимаете label, соответственно переключается чекбокс. Либо добавляйте кнопку где-то вне label, либо перехватывайте событие, смотрите, что было нажато, и если нажата кнопка — делайте submit.
Лично мне более правильным кажется первый вариант.

push

Return value
The new length property of the object upon which the method was called.

Также как и без Vue - дождаться загрузки: <img @load="doSomething" />

const delay = timeout => new Promise(r => setTimeout(r, timeout));

async function asyncDelayedForEach(arr, callback, timeout) {
  for (let i = 0; i < arr.length; i++) {
    await callback.call(arr, arr[i], i, arr);
    await delay(timeout);
  }
}

// или

const asyncDelayedForEach = (arr, callback, timeout) =>
  arr.reduce((acc, n, i, a) => acc
    .then(() => callback.call(a, n, i, a))
    .then(() => delay(timeout))
  , Promise.resolve());

const rawObject = {
    exchangeRate: [
        {
            baseCurrency: 'UAH',
            currency: 'EUR',
            saleRateNB: 18.7949200,
            purchaseRateNB: 18.7949200,
            saleRate: 20.0000000,
            purchaseRate: 19.2000000
        },
        {
            baseCurrency: 'UAH',
            currency: 'GEL',
            saleRateNB: 8.1500890,
            purchaseRateNB: 8.1500890
        },
        {
            baseCurrency: 'UAH',
            currency: 'PLZ',
            saleRateNB: 4.4922010,
            purchaseRateNB: 4.4922010,
            saleRate: 5.0000000,
            purchaseRate: 4.2000000
        }
    ]
};

const euro = rawObject.exchangeRate.find(obj => (obj.currency === 'EUR'));

console.log(euro);
console.log(`Euro saleRate: ${euro.saleRate}`);
console.log(`Euro purchaseRate: ${euro.purchaseRate}`);