Evgeny Kulakov

Как вариант: 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}}

Вот так нужно избавляться:
let ticket = {...this.ticket};
Т.е. создавать новый объект вместо присваивания ссылки на объект.

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

Если я вас правильно понял, то можно так:

<parent>
  <child :some_prop="parent_obj"></child>
</parent>

В дочернем элементе:

<script>
export default {
  props: ['some_prop'],
  data: function() {
    return {
      innerProp: {...this.some_prop}
    }
  }
}
</script>

Т.е. в дочернем компоненте вы создаете новый объект на основе входящего. Далее его можно использовать внутри компонента как вам нужно.

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