0xD34F

isBarMenuClicked: false, // эту переменную нужно передать

Не нужно. Зачем кнопке знать о состоянии меню? - её дело нажиматься и оповещать об этом того, кто находится выше. Делайте по клику $emit('click'), подписывайтесь на событие в родительском компоненте, переключайте там значение переменной, отвечающей за открытость меню и передавайте её в меню как параметр.

Потому что выходите из функции, как только первое событие будет найдено.

Вы вообще как, понимаете, что делает return?

Уверен, можно написать всё короче раза в три, чем есть сейчас, но разбирать ваш код... Вряд ли кто-то тут на такое сподобится, просто заставим его работать ожидаемым образом. Добавляете метку перед внешним циклом, и объявляете массив, в который будете складывать события. Должно стать так:

const events = [];

collectEvents:
for(let z = 0; z < arrOfEvents.length; z++){

Все return memo заменяете на

events.push(memo);
continue collectEvents;

После внешнего цикла добавляете return events;.

.one path {
  fill: #909090;
}
.one.active path {
  fill: #f00;
}

const itemSelector = '.one';
const activeClass = 'active';

document.addEventListener('click', function(e) {
  const el = e.target.closest(itemSelector);
  if (el) {
    el.classList.toggle(activeClass);
  }
});

// или

document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.currentTarget.classList.toggle(activeClass));

https://jsfiddle.net/zw4k6vsu/

Хранилище:

state: {
  date: null,
  interval: null,
},
mutations: {
  update(state) {
    state.date = new Date();
  },
  start(state) {
    if (!state.interval) {
      state.interval = setInterval(this.commit, 1000, 'update');
    }
  },
  stop(state) {
    if (state.interval) {
      clearInterval(state.interval);
      state.interval = null;
    }
  },
},

Компонент:

computed: {
  timerActive() {
    return !!this.$store.state.interval;
  },
  timeStr() {
    const { date } = this.$store.state;
    return date instanceof Date
      ? [ 'getHours', 'getMinutes', 'getSeconds' ]
          .map(n => `${date[n]()}`.padStart(2, 0))
          .join(':')
      : 'ВРЕМЕНИ НЕТ';
  },
},
created() {
  this.$store.commit('start');
},

<button @click="$store.commit('start')" :disabled="timerActive">start</button>
<button @click="$store.commit('stop')" :disabled="!timerActive">stop</button>
<div>{{ timeStr }}</div>

Разделить компонент на два - для списка и выбранного элемента. Данные передавать в список, из списка эмитить выбранный элемент, который передавать в соответствующий компонент.

https://jsfiddle.net/5kdqema2/

v-on="условие ? { событие: обработчик } : {}"

или (но так vue будет кидать предупреждение, что обработчик "invalid")

v-on="{ событие: условие ? обработчик : null }"

const result = arrs.reduce(
  (acc, arr) => (arr.forEach((n, i) => acc[i].push(...n.slice(acc[i].length))), acc),
  Array.from({ length: Math.max(...arrs.map(arr => arr.length)) }, () => [])
);

или

const result = arrs.reduce((acc, arr) => (
  arr.forEach((n, i) => (
    acc[i] = acc[i] || [],
    n.forEach((m, j) => acc[i][j] = acc[i][j] || m)
  )),
  acc
), []);

хочу, чтобы модальное окно отображалось столько раз, сколько событий в дне, и каждый раз с подробной информацией о новом событии

То есть, на день назначено десять событий, пользователь случайно ткнулся в этот день, и чтобы продолжить работу, ему надо будет десять окон прокликать? Круто. Предусмотрите хотя бы возможность закрыть сразу всё.

Вместо свойства detailInformationOfEvent сделайте detailInformationOfEvents (то же самое, но во множественном числе) - массив. Само свойство detailInformationOfEvent станет вычисляемым:

computed: {
  detailInformationOfEvent() {
    return this.detailInformationOfEvents[0];
  },
  ...

Когда в detailEvent собираете события для показа в окне - вместо присваивания будет добавление в массив:

this.detailInformationOfEvents.push({
  ...
});

Условие показа окна - вырезаете modalWindowDetail, вместо него будет detailInformationOfEvent (т.е., пока в массиве событий что-то есть - окно показывается):

v-show="detailInformationOfEvent"

Клик по кнопке "Окей" - вместо присваивания будет удаление нулевого элемента массива событий:

detailInformationOfEvents.shift()

https://jsfiddle.net/sjw506rc/

Ну как так-то, а? Можно же было самостоятельно открыть документацию, и прочитать:

Метод Performance.now() возращает временную метку DOMHighResTimeStamp, измеряемую в миллисекундах

Надеюсь, перевести миллисекунды в секунды труда не составит.

array_walk($pagesArray, function($v, $k, $p) use(&$s) {
  if (!isset($p[$v])) {
    $s[] = $v;
  }
}, array_flip($permisArray));

options: {
  hover: {
    animationDuration: 0,
  },
},

const createArr = (len, digit, count) => {
  const d = [...Array(9)].map((n, i) => i + (i >= digit));

  return [...Array(len)].map(() => {
    const number = [...Array(Math.random() * 10 | 0)].map(() => d[Math.random() * d.length | 0]);

    for (let i = 0; i < count; i++) {
      number.splice(Math.random() * number.length | 0, 0, digit);
    }

    return +number.join('');
  });
};


const arr = createArr(5, 1, 2);

const tbody = document.querySelector('#test tbody');
const keys = [ 'name.firstName', 'name.lastName', 'about', 'eyeColor' ].map(n => n.split('.'));
const getVal = (obj, keys) => keys.reduce((p, c) => p != null ? p[c] : p, obj);

for (const n of data) {
  keys.forEach(function(k) {
    this.insertCell().textContent = getVal(n, k);
  }, tbody.insertRow());
}

// или

tbody.insertAdjacentHTML('beforeend', data
  .map(n => `
    <tr>${keys.map(k => `
      <td>${getVal(n, k)}</td>`).join('')}
    </tr>`)
  .join('')
);

Как подсказывает документация, для этого есть метод multiple:

AutoNumeric.multiple('.numeric', {
  decimalCharacter : '.',
  digitGroupSeparator : ' ',
})

updateUser = (id, words) => {
  this.setState(({ users }) => ({
    users: users.map(n => n.id === id
      ? { ...n, words: [ ...n.words, ...words ] }
      : n
    ),
  }));
}

<div id="images">
  <img src="https://placehold.co/200x200/FF0000/FFFFFF/png">
  <img src="https://placehold.co/200x200/00FF00/000000/png">
  <img src="https://placehold.co/200x200/0000FF/FFFFFF/png">
</div>

#images img {
  transition: transform 0.7s;
}

Зациклить анимацию разворота можно через js:

.rotate {
  transform: rotateY(180deg);
}

const toggleRotate = el => el.classList.toggle('rotate');

document.querySelectorAll('#images img').forEach((n, i) => {
  setTimeout(setInterval, 300 * i, toggleRotate, 2000, n);
});

Или через css:

#images img {
  animation: rotate 4s infinite;
}

#images img:nth-child(1) { animation-delay:   0s; }
#images img:nth-child(2) { animation-delay: 0.3s; }
#images img:nth-child(3) { animation-delay: 0.6s; }

@keyframes rotate {
  0%, 75%, 100% {
    transform: rotateY(0deg);
  }
  25%, 50% {
    transform: rotateY(180deg);
  }
}

https://jsfiddle.net/6fpb3jry/

Ставите ref на свою dropzone:

<vue-dropzone ref="dropzone">

Когда надо её очистить - вызываете метод:

this.$refs.dropzone.removeAllFiles(true)