0xD34F

<option
  v-for="(n, i) in options"
  v-text="n"
  v-bind="!i && { disabled: true, value: '' }"
></option>

Вот только не могу понять, в чём смысл отключения option'а, содержимое которого вполне осмысленное? - если пользователь выбрал что-то другое, а потом решил вернуться к первому варианту, то сделать это не удастся. Если вы хотите создать что-то вроде плейсхолдера, то создавайте отключенный option отдельно:

<option disabled value="">выбирай!</option>
<option v-for="n in options">{{ n }}</option>

блок_с_радиокнопками.addEventListener('change', e => инпут.disabled = !+e.target.value);

document.querySelector('.block').addEventListener('mousemove', function(e) {
  Object.assign(document.querySelector('.block2').style, {
    left: `${e.layerX}px`,
    top: `${e.layerY}px`,
  });
});

Раз:

Если strict не установлен, то при поиске будет использовано нестрогое сравнение.

Два:

В случае, если вы сравниваете число со строкой или две строки, содержащие числа, каждая строка будет преобразована в число, и сравниваться они будут как числа.

Три:

Значение определяется по начальной части строки. Если строка начинается с верного числового значения, будет использовано это значение. Иначе значением будет 0 (ноль).

Если надо обновлять координаты после перемещения, то слушаете событие boundschange:

map.events.add('boundschange', function() {
  map.balloon.setPosition(map.getCenter());
});

Во время перемещения - слушаете actiontickcomplete:

map.events.add('actiontickcomplete', function(e) {
  const { globalPixelCenter, zoom } = e.get('tick');
  map.balloon.setPosition(map.options.get('projection').fromGlobalPixels(globalPixelCenter, zoom));
});

jsfiddle.net/da9ux62p/1

const containerSelector = '.card_options > div';
const itemSelector = '.option';
const activeClass = 'checked';
const toggleItem = item => item
  ?.closest(containerSelector)
  .querySelectorAll(itemSelector)
  .forEach(n => n.classList[n === item ? 'toggle' : 'remove'](activeClass));


// можно добавить обработчик клика каждому элементу индивидуально
document.querySelectorAll(itemSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => toggleItem(e.currentTarget));

// а можно один раз - делегированный, всей странице
document.addEventListener('click', e => {
  toggleItem(e.target.closest(itemSelector));
});

children

$dataStr = file_get_contents('https://corona-virus-stats.herokuapp.com/api/v1/cases/general-stats');
$dataObj = json_decode($dataStr);

$props = [ 'total_cases', 'recovery_cases', 'death_cases' ];

echo implode('<br>', array_map(function($n) use($dataObj) {
  return $n.': '.$dataObj->data->$n;
}, $props));

this.maskTel.lazy = true;
this.$nextTick(() => this.valueTel = '');

как тоже самое сделать при помощи метода match?

(str.match(/\S+/g) ?? [])[2]

что будет быстрее?

split, но вы этого не заметите

sortedData = sorted(zip(numbers, users), key=lambda n: int(n[0]), reverse=True)
print('\n'.join(f'{i}. {n[0]} {n[1]}' for i, n in enumerate(sortedData, 1)))

print('\n'.join(f'{i}. {n}' for i, n in enumerate(sorted(numbers, key=int, reverse=True), 1)))

const isArithmeticProgression = arr =>
  !!arr.length && arr.every((n, i, a) => !i || (n - a[i - 1] === a[1] - a[0]));

const isGeometricProgression = arr =>
  !~-new Set(arr.map((n, i, a) => (i = i || 1, a[i] / a[~-i] || 0))).size;

Поскольку важны только значения, то сразу же выдёргиваем из объекта соответствующий массив, и о ключах забываем: const arr = Object.values(obj);. Дальше есть варианты:

Нормальный:

const result = arr.sort((a, b) => a.position - b.position).map(n => n.color);

Козлиный #1 (position должны быть целыми неотрицательными):

const result = arr
  .reduce((acc, n) => ((acc[n.position] = acc[n.position] ?? []).push(n.color), acc), [])
  .flat();

Козлиный #2 (position должны быть целыми, неотрицательными и уникальными):

const result = Object.values(Object.fromEntries(arr.map(n => [ n.position, n.color ])));

const [ items, setItems ] = useState([
  { value: ..., text: '...', checked: false },
  { value: ..., text: '...', checked: false },
  ...
]);

const onChange = ({ target: { checked, dataset: { index } } }) => {
  setItems(items.map((n, i) => i === +index ? { ...n, checked } : n));
};

<form>
  {items.map((n, i) => (
    <div>
      <label>
        <input
          type="checkbox"
          data-index={i}
          value={n.value}
          checked={n.checked}
          onChange={onChange}
        />
        {n.text}
      </label>
    </div>
  ))}
  <button disabled={items.every(n => !n.checked)}>submit</button>
</form>

https://jsfiddle.net/ps6zt52a/

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

data: () => ({
  items: [
    { show: true, ... },
    { show: true, ... },
    ...
  ],
}),

<template v-for="(n, i) in items">
  <button @click="n.show = !n.show">{{ n.show ? 'hide' : 'open' }}</button>
  <div class="list" v-show="n.show">
    ...
  </div>
  <hr v-if="i !== items.length - 1">
</template>

https://jsfiddle.net/ra5byco9/

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

С v-for я знаю как, а без него никак?

Дело не в v-for, а в том, что состояние каждого скрываемого-показываемого элемента должно управляться отдельным свойством. Можно его, свойство, сделать частью компонента, отвечающего за демонстрацию пары кнопка-контент. Дальше можете создавать столько экземпляров, сколько потребуется.

$('#search').on('input', function() {
  const val = this.value.toLowerCase();

  $('table tbody tr')
    .hide()
    .filter((i, tr) => $('td', tr).get().some(td => td.innerText.toLowerCase().includes(val)))
    .show();
});

function addChildrenIds(&$arr) {
  $ids = [];

  if (is_array($arr)) {
    foreach ($arr as &$n) {
      $n['childrenIds'] = addChildrenIds($n['children']);
      array_push($ids, $n['id'], ...$n['childrenIds']);
    }
  }

  return $ids;
}

Потому что по умолчанию v-model слушает событие input.

Замените change на input, или укажите change в настройках model.