0xD34F

this.setState(({ clientData }) => ({
  clientData: {
    ...clientData,
    active: !clientData.active,
  },
}));

$('a').attr('title', function() {
  return $(this).text();
});

или

document.querySelectorAll('a').forEach(n => n.title = n.innerText);

или

for (const n of document.getElementsByTagName('a')) {
  n.setAttribute('title', n.textContent);
}

или

for (let i = 0; i < document.links.length; i++) {
  const n = document.links[i];
  if (n.tagName === 'A') {
    const title = document.createAttribute('title');
    title.value = n.innerHTML;
    n.attributes.setNamedItem(title);
  }
}

$('select').change(function() {
  $('button').prop('disabled', $(this).val() === '0');
});

или

document.querySelector('select').addEventListener('change', function() {
  document.querySelector('button').disabled = this.value === '0';
});

data: () => ({
  opened: null,
  blocks: [
    { id: 1, content: 'Я первый' },
    { id: 2, content: 'А я второй' },
    { id: 3, content: 'Третьим буду' },
  ],
}),

<a v-for="b in blocks" @click="opened = b">открыть {{ b.id }} блок</a>

<div v-if="opened" :class="`block-${opened.id}`">
  <a @click="opened = null">Скрыть блок</a>
  <div class="content">{{ opened.content }}</div>
</div>

например

const createTreeNode = title => ({ id: null, title, isDirectory: false });

const createTree = data =>
  data.reduce((root, { id, name }) => {
    (id === 0 ? [] : name.slice(1, -1).split('/')).reduce((parent, title) => {
      const c = parent.children = parent.children || [];
      parent.isDirectory = true;
      return c.find(n => n.title === title) || (c[c.length] = createTreeNode(title));
    }, root).id = id;
    return root;
  }, createTreeNode(data.find(n => n.id === 0).name.slice(1, -1)));

@click="product.quantity = Math.max(0, product.quantity - 1)"

Вместо computed свойства сделайте фильтр:

filters: {
  price: val => val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ").replace('.', ','),
},

Соответственно, в шаблоне будет:

td {{ product.price | price }}

UPD. Кстати, раз уж вы выводите цены - можно вместо плясок с регулярными выражениями форматировать значение средствами функции toLocaleString, она умеет работать с деньгами, будет как-то так:

price: val => val.toLocaleString('ru', {
  style: 'currency',
  currency: 'RUB',
}),

Вы инициализируете слайдер до того, как назначаете обработчик события init - естественно, он не срабатывает. Поменяйте соответствующий код местами, и всё будет OK.

onTranslated() {
  const $firstActive = this.$element.find('.owl-item.active:eq(0)');
},

или

.on('translated.owl.carousel', function() {
  const $firstActive = $(this).find('.owl-item.active:eq(0)');
})

String days[] = { "Пн", "Вт", "Ср", "Чт", "Пт", "Сб", "Вс" };

for (int day = 0; day < 7; day++) {
  System.out.print("День недели: " + days[day] + " Часы: ");
  ...

:class="[ { infoItem.fadeClass: !infoItem.isVisible }, infoItem.defaultClass ]"

infoItem.fadeClass - таких имён свойств не бывает (то есть бывает, но так их задать нельзя, нужны кавычки)

наверное, имелось в виду [infoItem.fadeClass]

likeHandler = (id) => {
  this.setState(({ products }) => ({
    products: products.map(n => n.id === id
      ? { ...n, saved: !n.saved }
      : n
    ),
  }));
}

Можно добавить key, чтобы компонент рендерился заново. Типа так.

:to="{ path: '/field_of_activity', props: { messageId: 1}}"

Что-то вы тут напутали. Параметры передаются уж точно не через свойство props - оно используется в описании маршрутов.

Если хотите через path, тогда заменяете props на query (или прямо в path добавляете нужные параметры), а в описании соответствующего маршрута указываете что-то вроде props: route => ({ ...route.query }).

Или можно сделать маршрут именованным, тогда path меняете на name с соответствующим значением, а props на params.

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

props: route => ({ ...route.query, ...route.params })

UPD. Вот вам демка, как это всё может выглядеть.

при выборе меньше 100 кнопка submit (отправка формы) не появлялась либо не была активна?

<button :disabled="notAllGoalsAchieved">submit</button>

methods: {
  notAchieved(goal) {
    return goal.tasks.reduce((acc, n) => acc + n.value, 0) !== 100;
  },
},
computed: {
  notAllGoalsAchieved() {
    return this.goals.some(this.notAchieved);
  },
},

показывать что конкретная цель не до конца проставлена(каким нибудь текстовым сообщением)

Там, где выводятся имена целей, добавляете что-то вроде

<span v-show="notAchieved(g)">не достигнута</span>

const input = document.querySelector('input');
const button = document.querySelector('button');
const num = 6;

Блокируйте кнопку при вводе неправильных значений:

input.addEventListener('input', e => {
  button.disabled = e.target.value % num;
});

Или делайте проверку при клике:

button.addEventListener('click', () => {
  if (input.value % num) {
    alert('такого нам не надо, пробуй ещё');
  }
});

Или исправляйте введённые значения:

input.addEventListener('change', ({ target: t }) => {
  t.value = Math.max(0, (t.value / num | 0) * num);
});

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

<button data-step="-1">-</button>
<button data-step="+1">+</button>

document.querySelectorAll('[data-step]').forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = Math.max(0, +input.value + num * e.target.dataset.step));

Да просто кликните поле вручную:

$('input[name="daterange"]').daterangepicker({
  ...
}).click();