Цикл внутри v-if?

Gregory, ну а в каких случаях элемент должен рендериться?

отображается если только в дате было одно activities, а там где их было несколько он ничего не отображает

То есть, нужен хотя бы один type_id равный types.id? Тогда замените every на some.

Вот этот вот кусок вообще не понял:

<div class="event-data" v-if="date.activities && date.activities.length > 0 && date.activities.every(n => n.type_id == types.id)"></div>
<div class="event-data-empty"  v-else=""></div>
<div class="event-data-empty"  v-if="!date.activities || date.activities.length == 0"></div>

Может всё-таки стоит ограничиться одним div'ом, выкинуть v-if, а класс вешать по условию? Как-нибудь так:

<div :class="date.activities && date.activities.length > 0 && date.activities.some(n => n.type_id == types.id) ? 'event-data' : 'event-data-empty'"></div>

Как в Vue js передать bind props дочернему компоненту через через роутинг?

У меня отлично всё видит - и от себя я ничего не добавлял, кроме того, что в ответе, взял ваш код таким, какой он есть. Сделайте демку на jsfiddle - воспроизведите проблему.

А со вторым вариантом что?

UPD. Добавил ссылки на живые примеры - смотрите, думайте.

Как отсортировать массив, если часть значений - undefined?

Конечно же работает.

"Не работает" - это разговор ни о чём. Если сами неспособны понять, где облажались - рассказывайте подробнее, чем вы там занимаетесь, и может быть, нам удастся выяснить, что вы делаете не так.

Как написать регулярное выражение?

Так это вообще не регулярными выражениями делается. Получаете подстроку, которая идёт после "какой-то текст: ", из подстроки режете свой массив. Тут поможет explode. Ответ обновил.

Почему не работает audio.pause() у класса Audio?

Можно конечно и так, только это дичь какая-то. Давайте лучше что-то такое сделаем:

class Player extends React.Component {
  state = {
    // к чёрту flag, давайте более понятное имя использовать
    isPlaying: false
  }

  componentDidMount() {
    // пусть путь к файлу будет задаваться извне компонента
    this.audio = new Audio(this.props.src);
  }

  componentDidUpdate(prevState) {
    if (prevState.isPlaying !== this.state.isPlaying) {
      this.audio[this.state.isPlaying ? 'play' : 'pause']();
    }
  }

  onClick = () => {
    this.setState({
      isPlaying: !this.state.isPlaying
    });
  }

  render() {
    return (
      <div onClick={this.onClick}>
        <i className={`fa fa-${this.state.isPlaying ? 'pause' : 'play'} fa-2x`}></i>
      </div>
    );
  }
}

Почему не работает audio.pause() у класса Audio?

Как-то странно. Вызовы play и pause осуществляются в зависимости от значения status, а выбор отображаемой кнопки находится в зависимости от значения flag. Так кто у вас отвечает за воспроизведение - status или flag? Впрочем, неважно - знать я этого не желаю, разбирайтесь сами, вам виднее. Буду считать, что flag.

Делаете audio частью state (или просто свойством компонента), а возню с play/pause из render уносите в componentDidUpdate:

componentDidUpdate(prevState) {
  if (prevState.flag !== this.state.flag) {
    this.audio[this.state.flag ? 'play' : 'pause']();
  }
}

Как поворачивать элементы сайта на jQuery?

Magic6200, нет.

Почему не работает этот код (анимация на javascript)?

Алексей Дзюба, да всё понятно. Когда вы выполняете +=, сначала там 0, первый раз добавляете 0.02, получаете 00.02, что приводится к 0.02, второй раз пытаетесь увеличить значение, получаете 0.020.02, что опять-таки приводится к 0.02, и так далее - отсюда и неизменность значения.

А вот -=, тут ситуация другая. В отличие от сложения, при вычитании строки автоматически преобразуются в числа - так что всё работает нормально.

Как при изменении данных в LocalStorage отправлять новые запросы к API для обновления данных?

nastya_zholudeva, да, понял уже. На будущее: если вы говорите "в компоненте есть параметр бла-бла-бла", это означает, что речь идёт о параметре компонента. А не запроса, или о чём там ещё в вашем "бла-бла-бла" говорится.

Теперь, что делать. Могу предложить воспользоваться централизованной шиной событий. В компонентах, которые должны перезагружать данные при изменении города подписываетесь на событие, например town-change. А там, где происходит выбор нового города, вместе с записью города в localStorage делаете

$emit('town-change', /* ну а здесь id выбранного города... ну или ничего, всё равно вы его из localStorage достать можете */)

Или же, сделайте id города параметром компонента, и тогда можно будет использовать watch, как я в начале предложил.

Как при изменении данных в LocalStorage отправлять новые запросы к API для обновления данных?

nastya_zholudeva, что-то я запутался. Вы же в вопросе чёрным по белому написали, что у компонентов есть параметр town_id. Теперь вдруг выясняется, что этот town_id не параметр, а свойство какого-то непонятного объекта и вообще достаётся из localStorage. Ну и чему верить? Тьфу.

Как отфильтровать массив объектов?

Gregory, ох, не стану гадать, что у вас может быть не так - для меня информации маловато. Лучше оформите это как отдельный вопрос, с более подробным описанием проблемы.

И нет, во Vue я не так чтобы здорово разбираюсь. Здесь явно есть люди куда компетентнее меня.

Как отфильтровать массив объектов?

Gregory, "конструкций" тут на самом деле две - every и стрелочные функции.

Как сделать что бы всплывающее окно показывалось одному пользователю только один раз?

Павел Рожков, да вроде бы ничего сложного.

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

nastya_zholudeva, а с чего вы взяли, что строка? У строк метод replace есть. А раз он is not a function - значит, min_price всё-таки не строка. Скорее всего (судя по имени свойства) - это число. Попробуйте преобразовывать его в строку при передаче в sup: v-html="sup(good.min_price.toString())" или v-html="sup(good.min_price.toFixed(2))"

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

nastya_zholudeva, тут мне вам помочь нечем. Могу лишь предположить, что min_price - это не строка, а число, например. У которого тоже нет replace, отчего и возникает ошибка.

А вообще, "данные не отображаются" - разговор несерьёзный. Проверьте, нет ли в консоли ошибок. Посмотрите, что именно (тип значения) лежит в min_price.

Как заставить jQuery обрезать и/или заменять текст внутри div только после того, как Vue js построил DOM?

nastya_zholudeva, ну разумеется, не работает - ведь свойство b есть только у одного объекта из трёх, в двух других случаях в метод sup передаётся undefined, у которого никакого replace конечно же нет.

Разные имена свойств - так и задумано? И только b должно обрабатываться? Тогда можно передавать пустую строку, если b отсутствует: v-html="sup(item.b || '')". Или можно вообще не выводить элемент, у которого нет b: v-if="'b' in item"

Где косяк в promise?

Притормозите немного.

Теперь данные прилетают в generateTree

То есть, проблема, с которой вы изначально сюда пришли, наконец-то решена. Отлично, этот вопрос закрыт, можете задать новый. Если вы полагаете, будто один человек будет помогать вам в решении всех ваших проблем, причём делать это где-то в комментариях, то вы ошибаетесь. Одна проблема - один вопрос.

Где косяк в promise?

Зависит от того, что происходит внутри generateTree.

Как удалять в каждом байте левую тетраду?

Николай, тоже 0xF. Или 15 - в десятичном представлении. Или 0b1111 - в двоичном. Не важно какое представление, важно само число - хотите получить сколько-то там младших битов, применяйте битовое И с числом, где нужное количество битов будет выставлено в единицу.

Как удалять в каждом байте левую тетраду?

Николай, не понял вопрос, уточните.