Как сделать универсальный селектор?

Держите: codepen.io/kerf/pen/rmNgay

Как сделать универсальный селектор?

1. Создаете компонент-обертку с шаблоном типа: <div></div>, в нем подписываетесь на событие scrool... вообщем делаете все, что было сделано. Далее в основном коде <some-component><h2>Hello</h2></some-component>.

2. Это просто пример, вы можете для элементов, которые нужно анимировать задавать определенный класс, например, '.my-animation' и указать его вместо 'h2' в селекторе.

Как сделать ивент при скролле до определенного элемента?

Просто замените bottom на top в условии.

Как сделать ивент при скролле до определенного элемента?

Код был написан с подачи Aleksey Chernikov)
Тут все просто, рассуждайте логически: getBoundingClientRect возвращает координаты относительно видимого окна, соответственно нам нужно, чтобы top вашего элемента был больше 0, а низ элемента не ниже чем низ окна.
Насчет примеров и библиотек не подскажу, не знаю.
Мне кажется проще идти от того, что нужно. И дальше посмотреть в сторону доступного api для разработки, например сюда

Как правильно взаимодействовать с API через JS?

А чем не устраивает axios? Он и vue-resource самые упоминаемые http клиенты для взаимодействия с vue. Есть также обертка vue-axios.

Как передать объект НЕ по ссылке из родительского компонента в дочерний?

Можно вот так попробовать: codepen.io/kerf/pen/RVbrmm

Как реализовать функцию?

Я бы еще переписал функцию discount, чтобы в дальнейшем ее было проще поддерживать:

function discount(x) {
  var quantity=[10,50,100];
  var discount=[5,7,10,15];
  return discount[quantity.reduce(function(prev, cur) {
    return x >= cur ? prev + 1 : prev
  }, 0)];
}

Vue.js. Почему при обновлении через Ajax, данные каждый раз переписываются, даже если они не изменились?

Выдржка из доки:

Чтобы подсказать Vue, как отслеживать идентичность каждого элемента, позволяющую переиспользовать и перемещать существующие элементы, укажите уникальный атрибут key для каждого элемента. Идеальным значением key будет уникальный id сущности.

Т.е. когда вы присваивайте v-bind:key="it" - по сути это постоянное присвоение нового объекта, что заставляет элементы перерисовываться.

Почему не нравиться синтаксис?

Николай Семенов: Похоже, что бабель не может обработать данный синтаксис. Покажите ваш .babelrc

Какой UI фреймворк выбрать для Vuejs?

Еще добавлю, про uikit. Пытаюсь его сейчас использовать, но пришлось полностью отказаться от его js части, т.к. тяжело управлять состоянием модальных окон и всплывающих меню из vue. Также анимация uikit не совместима с анимацией vue. В итоге использую только его стили для элементов, все управление элементами через vue.

Какой UI фреймворк выбрать для Vuejs?

Спасибо! Попользовал немного, в принципе не плохой вариант получается.
В итоге для моего случая останавливаюсь пока на: нем и на элементе. Исследую их поглубже.

Какой UI фреймворк выбрать для Vuejs?

Да, смотрел на него. У меня приложение планируется использовать на десктопах, и мое имхо, что material design не очень рационально использует пространство браузера. Но, возможно, я не умею его готовить)