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

Моя почта в профиле

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

Вам стоит посмотреть как vue компоненты взаимодействуют. В данном случае вам нужно передать из app в hello имя и возраст. Т.е. добавить соответствующие пропсы для hello, и при вызове router.push передать их вторым параметром. В доке роутера все есть.

Как вызвать метод в компоненте?

Ясно, смысл в том, что у вас mounted только один раз вызывается при попадании элемента в dom, далее открытие/закрытие меню происходит через бутстрап и vue об этом ничего не знает.
Как вариант добавить слушателя на кнопку открытия меню и далее привязать обработчик обновления слайдера, типа вот так:

в компоненте:

mounted() {
 this.$el.querySelector('.dropdown-toggle').addEventListener('click', this.toggleHandler)
},
beforeDestroy() {
 this.$el.querySelector('.dropdown-toggle').removeEventListener('click', this.toggleHandler)
},
methods: {
 toggleHandler() {
 console.log('call refresh')
 this.$refs.slider.refresh()
}
}

Вообще не очень хорошая практика имхо смешивать bootstrap и vue. Как вариант взять только css от bootstrap, а компоненты, которые используют js реализовывать самому. Или взять какой-нить vue-bootstrap

Как вызвать метод в компоненте?

Dropdown через v-if отображается? Если да, то this.$refs.slider.refresh - скобок нет. Смысл вот этого тоже не понял - :refresh="this"..

Как вызвать метод в компоненте?

Покажите код, разберемся)

Как вызвать метод в компоненте?

Ну да, т.е. у вас есть ваш компонент внутри которого сидит этот слайдер:

<template>
  <div>
    <vue-slider ref="slider" v-model="value"></vue-slider>
  </div>
</template>

Внутри события mounted(), например, можно дернуть метод refresh этого слайдера:

mounted() {
  this.$refs.slider.refresh()
}

Зачем нужен Vue - объясните на пальцах?

Kostya_S:
Пример...
Возьмите список с быстрым поиском по нему, его можно представить в вид следующих компонентов:

<filtered-list>
  <search-field></search-field>
  <list></list>
</filtered-list>

Компонент <search-field> представляет собой поле ввода запроса. При изменении он отправляет событие с значением поля ввода. Компонент-родитель <filtered-list> обрабатывает это событие и отдает компоненту <list> список с элементами удовлетворяющими строке запроса. Схема взаимодействия компонентов здесь приведена для примера.

Достаточно ли созрел Vue?

Да, приходиться чем-то жертвовать. Я сам сейчас использую fullcalendar в vue.
Но vue удобен тем, что в нем можно все разнести по компонентам и далее их собирать как конструктор.
Можно обернуть во vue какой-то qjuery компонент/элемент, сделав нужный тебе интерфейс, и он станет еще одним компонентом vue приложения)

Как сделать фильтр на Vue.js по клику?

Если не хотите заморачиваться с лишними переменными, можно напрямую получить значение из инпута:
codepen.io/kerf/pen/RVRbBg

Как сделать фильтр на Vue.js по клику?

Вдвойне странно) проверьте, что все сохранено, попробуйте пересобрать.
Вот практически ваш вариант, все норм работает: codepen.io/kerf/pen/XRdoox

Как сделать фильтр на Vue.js по клику?

Хм, странно..Он как бы намекает, что нет этой переменной в дате. Нужно смотреть, где вы ее объявили в коде, может опечатка или еще что-то.

Как изменить название data-attribute?

Не могу утверждать, но если сравнивать компоненты vue на основе шаблонов и рендер функций, то последние по идее должны быстрее работать, т.к. vue должен предварительно парсить шаблон компонента и превращать его в какое-то подобие рендер функции.

Почему проблема с router-link-active?

myskypesla: Обернуть слово в <transition appear>.

Почему проблема с router-link-active?

Точно) Заработался, думал речь о самом роутере, я не о ссылках.

Как добавить jquery-ui на элемент внутри приложения Vue.js?

Не очень представляю вашу специфику. Но я бы сделал отдельный компонент с timepicker, из него бы получал данные и далее их обрабатывал. Т.е. timepicker максимально простой, только возвращает время и инициализируется какими-то данными. Так его будет проще переиспользовать.
Вариант: https://codepen.io/kerf/pen/Vbvbqd

Как сделать чтобы не перезагружался родительский компонент?

Вы имеете ввиду, что вызывается хук updated для компонента Profile при смене маршрута?

Как правильно привязать значения к компоненту Vue?

Спасибо, разобрался) Изначально неправильно понял суть проблемы.

Почему не работает подгрузка данных?

Какие-то проблемы? Должен работать, просто добавьте vue-resource

Как правильно привязать значения к компоненту Vue?

Можете код показать? Я пробовал так сделать, но не заработало.

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

Лучше коньяк, пиво не доедет))