0xD34F

$('.breadcrumb').children().last().text((i, text) => text);

или

document.querySelector('.breadcrumb').lastElementChild.innerText += '';

$('ul').on('click', 'a', function() {
  $(this).after($('.drop'));
  // или
  $('.drop').insertAfter(this);
});

или

document.querySelector('ul').addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.target.after(document.querySelector('.drop'));
  }
});

или

const dropEl = document.querySelector('.drop');
const onClick = e => e.target.insertAdjacentElement('afterend', dropEl);
document.querySelectorAll('ul a').forEach(n => n.addEventListener('click', onClick));

<span class="b-span" :class="{ 'b-span_active': active }">hello, world!!</span>
<button @click="onClick">click me</button>

data: () => ({
  active: false,
  time: 300,
}),
methods: {
  onClick() {
    setTimeout(() => this.active = true, this.time);
  },
},

Уберите fade: true из настроек слайдера, из обработчиков клика - второй параметр из вызова slickGoTo (это который тоже true). Кстати, а зачем отдельный обработчик каждой кнопке? - можно повесить один общий:

const $slider = $('#slider').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  adaptiveHeight: true,
  dots: false,
  prevArrow: false,
  nextArrow: false,
  speed: 900,
});

const $buttons = $('button').click(function() {
  $slider.slick('slickGoTo', $buttons.index(this));
});

var pos = this.getAttribute('data-goto'); 

myMap.panTo(pos, {

data-goto="[59.938531, 30.313497]"

Как подсказывает документация, метод panTo в качестве координат ожидает массив чисел, в то время как вы подсовываете строку.

Поскольку строка представляет собой корректный JSON, который, в свою очередь, представляет собой требуемый массив, то заставить всё работать как надо - дело тривиальное:

this.getAttribute('data-goto') ---> JSON.parse(this.dataset.goto)

Замените в вычисляемом свойстве total

item.price

на (cartItems - это же массив, да?)

this.cartItems.reduce((sum, n) => sum + n.price, 0)

words.replace(index, 1, word.charAt(0));

Метода replace у массивов нет. Есть splice.

как реализовали бы данную задачу вы?

// собираем новый массив
const newWords = words.map(n => n[0] || '');

// обновляем существующий
words.forEach(([ n = '' ], i, a) => a[i] = n);

Вью держит значение индекса, почему он не может выполнить такую простую операцию?

А может, это вы чего-то не можете (или не понимаете)?

Может, вам надо что-то вроде :delay="i * 0.5"? - попробуйте, вдруг подойдёт.

showOtherMonths

проблема в том, что видимо когда по первому запросу поле name заполняется, соответственно поле name_changed становится равно true и кнопка сохранения получается изначально доступна

Можно запускать слежение после получения данных. Вырезаете

watch:{
  name(val, old){
    this.name_changed = true;
  }
}

А в коллбек запроса, после установки значения name, добавляете:

this.$watch('name', () => this.name_changed = true);

Смотрел в документации angular material, но не нашёл такой функции. Это странно, потому что такая функция скорее всего есть в любой подобной таблице.

И действительно - есть (closeAll). Надо только версию material повыше взять (в вашем демо используется 5.2.4, надо минимум 6.0.0-beta-0).

Пусть у каждой новости будет своё свойство, отвечающее за отображение тэгов:

<span (click)="item.showTags = !item.showTags">Теги:</span>
<div *ngIf="item.showTags">

const $form = $('.order__form-contacts').on('change', '[name="legal-status"]', e => {
  $form.find('.order__form-file')[e.target.value === '2' ? 'slideDown' : 'slideUp']();
});

mixin list(...items)
  ul.breadcrumbs
    each item in items
      li.breadcrumbs__item
        a(href=item)= item


+list('https://www.google.ru/', 'https://toster.ru', 'https://toster.ru/q/590329')

или, если items являются не полными ссылками, а значениями параметра:

mixin list(...items)
  ul.breadcrumbs
    each item in items
      li.breadcrumbs__item
        a(href='https://toster.ru/q/' + item)= item

+list(590329, 588072, 584712)

или, если хотите, чтобы текст и ссылка различались:

mixin list(...items)
  ul.breadcrumbs
    each item in items
      li.breadcrumbs__item
        a(href=item.link)= item.text


+list({ link: 'https://www.google.ru/', text: 'google' }, { link: 'https://toster.ru', text: 'toster' }, { link: 'https://toster.ru/q/590329', text: 'ваш вопрос' })

Как привязать обработку событию из слота

Не очень понятно, зачем такое надо.

Почему-то this.$slots.default[0].elm выводит undefined

Потому что элемента ещё нет, чтобы он появился, надо дождаться монтирования экземпляра компонента в DOM - если вместо created используете mounted, то увидите, что элемент есть.

Добавляете ref="features" своему списку, получение данных будет выглядеть как-то так:

this.$refs.features.forEach(n => console.log(n.getData()))

Добавить свойство элементам существующего массива:

arr1.forEach(function({ id }) {
  if (this[id]) {
    this[id].isAdded = true;
  }
}, arr2.reduce((acc, n) => (acc[n.id] = n, acc), {}));

Собрать новый массив:

const newArr2 = arr2.map(function({ ...n }) {
  if (this.has(n.id)) {
    n.isAdded = true;
  }
  return n;
}, new Set(arr1.map(n => n.id)));

preg_match_all('/data-image="(\d+)"/', $content, $matches);
$numbers = $matches[1];

Лишние запятые после последнего свойства в объекте. В js так можно, в json'е - нет.