Evgeny Kulakov

Так? jsfiddle.net/kulakoff/fy6qxo1h

Vue.js

Как вариант: jsfiddle.net/kulakoff/f929L4wg

Как вариант создать отдельный vue компонент.

Или просто анимировать все элементы, удовлетворяющие условию:

handleScroll() {
      let objList = document.querySelectorAll('h2');
      objList.forEach(function(el) {
        let {top,bottom} = el.getBoundingClientRect();
        let height = document.documentElement.clientHeight;
        if(top < height && bottom > 0) {
          el.classList.add('bounceInLeft');
        } else {
          el.classList.remove('bounceInLeft');
        }
      });
  }

Срабатывает событие onChange на элементе:

onchange="window.location.href=this.options[this.selectedIndex].value"

В итоге сайт переходит на страницу с указанным урлом, т.е. срабатывает get с параметрами, указанными в <options value="...">

Как вариант: codepen.io/kerf/pen/NjWXqE

Добавлю еще к Андрей Хохлов не забыть обернуть product.title в фигурные скобки - {{product.title}}

А имеет элемент it какой-то свой уникальный id? Если да, то может попробовать его использовать в v-bind:key. Похоже сейчас сюда постоянно попадает новый объект, что заставляет произвести полную перерисовку.

По поводу курсов, все достаточно хорошо изложено в документации к самому фреймворку, к тому же она переведена на русский.
Попробуйте ее, и далее vue-router и vuex.
Для работы с REST - vue-resource или axios.
Для админки можно попробовать вот этот фреймворк: https://admin.vuebulma.com/