0xD34F

Потому что обработчик клика не вызывается. А не вызывается он потому, что прицепить вы его попытались к несуществующему элементу - изначально у .wrap нет класса done, так что результат вызова $('.wrap.done') окажется пустым.

Можно вешать делегированный обработчик:

$(document).on('click', '.wrap.done', function() {
  $('.form, .wrap').removeClass('done');
});

Или, немного подумав, можно сообразить, что в отсутствие класса done элемент .wrap не виден, кликать некуда, так что неважно, есть класс или нет - можно цеплять обработчик клика просто к .wrap.

Это всё отлично разруливается через css:

.one:hover + .two,
.two:hover {
  /* показываем элемент .two */

UPD. Вынесено из комментариев:

Вообще класс нужно добавлять.

Да без проблем - подключайте к .two тот же обработчик ховера, что и к .one:

$('.one, .two').hover(function() {
  $('.two').toggleClass('show');
});

Сделаем совсем просто - если новое значение совпало с предыдущим, будем добавлять единицу:

function pasGen(chars, length) {
  let prev = null;
  return Array
    .from({ length }, () => {
      const i = Math.random() * chars.length | 0;
      return chars[prev = (i + (i === prev)) % chars.length];
    })
    .join('');
}

<div class="heading">
  <p>hello, world!!</p>
  <p>fuck the world</p>
  <p>fuck everything</p>
</div>

.heading {
  display: inline-block;
  position: relative;
  width: 900px;
  height: 70px;
  background: red;
  overflow: hidden;
  font-size: 60px;
}
.heading > p {
  text-transform: uppercase;
  color: #fefefe;
  position: absolute;
  width: 900px;
  top: 0;
  left: 0;
  animation: text 6s infinite;
  margin: 0;
  padding: 0;
}
.heading > p:nth-child(1) { animation-delay:  0s; }
.heading > p:nth-child(2) { animation-delay: -4s; }
.heading > p:nth-child(3) { animation-delay: -2s; }

@keyframes text {
  0% {
    opacity: 1;
  }
  25%, 100% {
    margin-left: 50px;
    opacity: 0;
  }
}

Вот в этом фрагменте символы подчёркивания - долой:

switch (index)
{
    case 0: return _Name;
    case 1: return _TypeVlasn;
    case 2: return _HeadSurname;
    default:
        return "";
}

Ну и сеттеры у вас все кривые тоже.

const imageId = post.fields.image.sys.id

Что-то ни у одного поста нет image.

Ну а так-то можете использовать индекс, заменяете .forEach((post) на .forEach((post, i), а

this.images.push(response.data.fields.file.url);

заменяете на

this.$set(this.images, i, response.data.fields.file.url);

Или, есть вариант отказаться от использования дополнительного массива, и сохранять путь к картинке прямо в объект поста. Вместо :src="images[index]" будет :src="post.image", а

this.images.push(response.data.fields.file.url);

поменяется на

this.$set(post, 'image', response.data.fields.file.url);

А почему вы решили, что "обновить вид" означает повторную инициализацию таблицы? Бред же. Удаляйте старые данные (метод clear), добавляйте новые (метод add).

Цикл не нужен:

$('.mysubmit').prop('disabled', arr.indexOf(str) !== -1);

UPD. А-а-а, чёрт возьми - у вас поиск слов по тексту, а не проверка соответствия текста одному из слов... Тогда так:

$('.mysubmit').prop('disabled', arr.some(n => str.indexOf(n) !== -1));

$grouped = [];
foreach ($products as $p) {
  $grouped[$p['category-id']][] = $p['name'];
}

А почему цикл? Вставляйте одним запросом.

<input placeholder="цена, руб.">

$('input').on({
  focus() {
    $(this).val((i, v) => v.replace(', руб.', ''));
  },
  blur() {
    $(this).val((i, v) => v && `${v}, руб.`);
  },
});

Кто должен отсутствовать и какой класс надо удалить:

const childSelector = 'img';
const className = 'myclass';

Удаляем:

$(`.${className}:not(:has(> ${childSelector}))`).removeClass(className);

или

document.querySelectorAll(`.${className}`).forEach(n => {
  n.classList.toggle(className, !!n.querySelector(`:scope > ${childSelector}`));
});

или

const elems = document.getElementsByClassName(className);
for (let i = elems.length; i--;) {
  if (!Array.prototype.some.call(elems[i].children, n => n.matches(childSelector))) {
    elems[i].classList.remove(className);
  }
}

попробуйте title=(.+)\s

data: () => ({
  login: '',
  password: '',
}),

<input v-model="login" name="login" v-validate="{ not_in: password }">
<span v-if="errors.has('login:not_in')">Логин не должен совпадать с паролем</span>

<input v-model="password" name="password" v-validate="{ not_in: login }">
<span v-if="errors.has('password:not_in')">Пароль не должен совпадать с логином</span>

https://jsfiddle.net/o6Lfcajb/

"Объект картинки" - в смысле, DOM-элемент? Ну, так можно:

@click="onClick"

methods: {
  onClick(e) {
    console.log(e.target);
  }
}

Ну так вы один раз "монету" "подбрасываете". Надо на каждой итерации цикла это делать.

Не работает потому, что вы ничего не загружаете - вы пытаетесь прочитать файл в обработчике onload. Естественно, что ничего не происходит. Делайте так:

reader.onload = function(e) {
  console.log(this.result);
};
reader.readAsText(file);

function groupData($data, $groupBy, $groupTo) {
  $grouped = [];

  foreach ($data as $t) {
    $name = $t[$groupBy];
    $grouped[$name][$groupBy] = $name;
    unset($t[$groupBy]);
    $grouped[$name][$groupTo][] = $t;
  }

  return array_values($grouped);
}

$grouped = groupData($arr, 'name', 'info');

Так:

data: () => ({
  src: null,
}),
methods: {
  onChange(e) {
    const file = (e.target.files || e.dataTransfer.files)[0];
    if (file) {
      const reader = new FileReader();
      reader.onload = () => this.src = reader.result;
      reader.readAsDataURL(file);
    }
  },
},

<input type="file" @change="onChange">

??