Rsa97

Вы неправильно используете метод filter.
Во-первых, его каллбэк должен возвращать не значение элемента массива, а логическое значение, указывающее, включать элемент в результат или нет.
В-вторых filter не меняет исходный массив, а возвращает новый.
this.items = this.items.filter(el => el < 10);

Перенести код функции throttle в приложение.
Вешать обработчик скролла в хуке mounted, убирать в beforeDestroy.

Никак. Данные передаются только от родителя потомку.
Но можно упростить возврат через emit, используя .sync и событие update:
https://medium.com/front-end-weekly/vues-v-model-d...

<p v-for="product in cartProducts" :key="product['key']">
  {{ product.product.title }} - {{ product.product.qty }}
</p>

Vuex

Плагины

const quiz = async (arrayObjects) => {
  for (const object of arrayObjects) {
    if (object.selected) {
      const result = await fetch(...);
    }
  }
}

Так вы один и тот же параметр указали во входных свойствах (props) и в данных компонента (data). Уберите его из данных.

Вы не понимаете, как работает реактивность Vue.
v-model устанавливает двустороннюю связь между значением поля input и элементом данных name.
При инициализации приложения вы объявляете элемент name со значением null. Это значение и записывается как значение input'а.
Задавайте в данных нужное значение.

data() {
    return {
      formData: {
        name: '',
        email: '',
        caps: ''
      },
      response: '',
      activeClass: 'active'
    }
  },

submitForm() {
   axios.post('//jsonplaceholder.typicode.com/posts', this.formData)
}

Ну и, соответственно, v-model="formData.name" и т.п.

Так у вас записано:

Если нужный калибр, то отобразить данные
Иначе отобразить данные

То есть, данные отображаются в любом случае.

this.resultlist = [...document.querySelectorAll('.list-group > a')]