0xD34F

Что должен, то clone и возвращает, никаких [object Object].

А вот после этого вы пытаетесь складывать объект со строкой - ну и получаете то, что получаете. Передавайте в before

$('<table class="table fixedheader footable">').html(clone)

узнать его длину

А что вы понимаете под длиной объекта?

узнать последний ключ

Получить все ключи, отсортировать (или не надо? - не помню, гарантируется ли порядок ключей), взять последний:

Object.keys(obj).sort((a, b) => a - b).pop()

Назначаете элементам с буквами data-атрибут, значение которого будет обозначать позицию буквы в слове:

<p data-letter="2">П</p>
<p data-letter="0">Ж</p>
<p data-letter="3">А</p>
<p data-letter="1">О</p>

Собираете слово:

const word = $('[data-letter]')
  .sort((a, b) => $(a).data('letter') - $(b).data('letter'))
  .text();

// или

const word = Array
  .from(document.querySelectorAll('[data-letter]'))
  .reduce((acc, n) => (acc[n.dataset.letter] = n.innerText, acc), [])
  .join('');

SELECT * FROM table_name WHERE column_name LIKE '%\%%'

или

SELECT * FROM table_name WHERE LOCATE('%', column_name) > 0

Можно использовать MutationObserver, например.

Во-первых - в onChange передаётся массив, содержащий в себе объект даты, а вовсе не строка. Во-вторых - если хотите добавлять 14 дней, тогда почему пытаетесь подсовывать в endDate.set дату без изменения? Делайте так:

onChange([ date ]) {
  endDate.set('minDate', +date + 1000 * 60 * 60 * 24 * 14);
},

Так?

Обёртке карты задаём overflow: hidden, самому div'у карты задаём высоту. Ну и нелишним будет скрыть элементы управления карты - всё равно нормально ими пользоваться уже не получится, только мешаться будут.

В компоненте category вы забыли подписаться на событие toggled, генерируемое дочерними category (его следует пробрасывать в родителя). И вместо isActive (про него вы при создании дочерних category тоже почему-то забыли) наверное стоит передавать id элемента - а то непонятно, кого и на каком уровне вложенности надо считать активным.

Ну и в целом - зачем два компонента для построения вложенного меню? Как-то сложновато получается. Достаточно и одного. Например.

UPD. А вообще нет, один компонент, проброс активного id вниз и события вверх - дрянь идея. Оставляем два компонента, пусть экземпляры списков имеют доступ к корню через provide / inject. Вот так.

клонирую массив ([]+ push)
<...>
Есть ли способы проще

Конечно есть, не надо никакого push: делайте arr.slice() или [...arr].
Т.е., ваш код должен будет выглядеть примерно так:

const result = arr
  .slice()
  .sort((a, b) => тут сравниваете элементы)
  .slice(0, N);

componentDidUpdate(prevProps) {
  if (this.props.match.params.iduser !== prevProps.match.params.iduser) {
    this.fetchUserData();
  }
}

После удаления элемента вы запрашиваете исходные данные - метод getPictures вместо this.Mycollection возвращает myCollection (кстати, а нормальные имена было придумать никак? - без этого уродливого my и чтобы верхний регистр применялся более, м-м-м, единообразно).

Смотрим код компонента, и видим, что на содержимое окна вешается обработчик клика, где происходит остановка всплытия:

click: evt => {
  evt.stopPropagation()
  // https://github.com/bootstrap-vue/bootstrap-vue/issues/1528
  this.$root.$emit('bv::dropdown::shown')
}

А какая у вас может быть вложенность и количество элементов? Если только так, как вы показали - тогда вместо orderlist проверяйте orderlist[0][0]. Если заранее не знаете - сделайте метод, который проверит всё:

const inArray = (arr, val) =>
  arr.flat(Infinity).includes(val);

// или

const inArray = (arr, val) =>
  arr.some(n => Object.is(n, val) || (Array.isArray(n) && inArray(n, val)));

// или

function inArray(arr, val) {
  const stack = [];

  for (let i = 0; i < arr.length || stack.length; i++) {
    if (i === arr.length) {
      [ i, arr ] = stack.pop();
    } else if (arr[i] === val) {
      return true;
    } else if (arr[i] instanceof Array) {
      stack.push([ i, arr ]);
      [ i, arr ] = [ -1, arr[i] ];
    }
  }

  return false;
}

При известных размерах поля можно вычислить координаты элемента на основе его индекса:

строка = floor(индекс / количество столбцов)
столбец = индекс % количество столбцов

Ну а при клике надо взять все элементы, чьи координаты отличаются от координат кликнутого элемента не более чем на какое-то определённое значение (в данном случае 2 - т.к. сторона квадрата 5, floor(5 / 2)).

Заценить живьём.

У маршрутов могут случаться события mouseenter и mouseleave. Также у маршрутов есть опция visible. Так что всё просто - цепляем к маршрутам обработчики событий, в которых переключаем visible:

const routes = new ymaps.GeoObjectCollection();
map.geoObjects.add(routes);

routesData.forEach(n => ymaps.route(n).then(route => {
  route.events.add('mouseenter', onMouseEnter.bind(route));
  route.events.add('mouseleave', onMouseLeave);
  routes.add(route);
}));

function onMouseEnter() {
  routes.each(n => n.options.set('visible', n === this));
}

function onMouseLeave() {
  routes.each(n => n.options.set('visible', true));
}

Какой-то наркоманский бред, иначе и не скажешь. Откуда вы взяли, что изменение items должно как-то повлиять на render.items? Серьёзно - ОТКУДА ВЫ ЭТО ВЗЯЛИ? Расскажите пожалуйста, очень интересно.

Может, вам тут стоило сделать computed свойство?

const result = Object.values(arr.reduce((acc, n) => {
  const group = acc[n.id] = acc[n.id] || { id: n.id, offers: [] };
  group.offers.push(n);
  return acc;
}, {}));

Да делайте как вам удобнее.

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

moment('10.2018', 'MM.YYYY').locale('ru').format('MMMM')