0xD34F

const obj = eval(`(${document.querySelector('.link').dataset.test})`);

Или, чтобы можно было JSON.parse использовать, пишите в атрибут корректный json, надо заменить одинарные кавычки на двойные, а само значение атрибута в одинарных писать:

data-test='{"test1": "1", "test2": "2", "test3": "903", "test4": "4"}'

в идеале, чтобы каждое нажатие на ссылку делало один поворот по часовой стрелке на 90 градусов

Можно сделать несколько классов, для каждого из которых определён свой поворот, и последовательно их менять:

.rotate0   { transform: rotate(0deg); }
.rotate90  { transform: rotate(90deg); }
.rotate180 { transform: rotate(180deg); }
.rotate270 { transform: rotate(270deg); }

<a href="#" data-rotate="-1">Повернуть на -90 градусов</a>
<a href="#" data-rotate="+1">Повернуть на +90 градусов</a>

const photo = document.querySelector('.photo');
const classes = [ 'rotate0', 'rotate90', 'rotate180', 'rotate270' ];
let index = 0;

document.addEventListener('click', function(e) {
  const rotate = +e.target.dataset.rotate;
  if (rotate) {
    photo.classList.remove(classes[index]);
    index = (index + rotate + classes.length) % classes.length;
    photo.classList.add(classes[index]);
  }
});

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

а можно пример, чтобы поворачивать по 1 градусу и в обратную сторону

Для поворота по одному градусу я конечно не стал бы делать отдельные классы, а вписывал бы нужное значение в style.transform:

<a href="#" data-rotate="-1">rotate ccw</a>
<a href="#" data-rotate="+1">rotate cw</a>

const photo = document.querySelector('.photo');
let angle = 0;

document.querySelectorAll('[data-rotate]').forEach(n => n.addEventListener('click', onClick));

function onClick({ target: { dataset: { rotate } } }) {
  angle = (angle + +rotate + 360) % 360;
  photo.style.transform = `rotate(${angle}deg)`;
}

str.split('-').reverse().join('.')

// или

str.replace(/(\d+)-(\d+)-(\d+)/, '$3.$2.$1')

// или

new Date(str).toLocaleDateString('ru-RU')

// или

str.match(/\d+/g).reduce((acc, n) => n + (acc && '.') + acc, '')

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

можно как-то, грубо говоря, весь изменяемый объект наверх посылать

Можно.

Или пару ключ-значение. В этом случае обработчик в родительском компоненте останется один, и выглядеть будет примерно так:

@change="onChange"

methods: {
  onChange(e) {
    this.userProps[e.name] = e.val;
  }
}

Элементам с сообщениями об ошибках назначайте класс (это в методе showMessage):

messageNode.classList.add('error-message');

По которому перед проверкой (это в начале метода checkFieldType) вы их будете находить и удалять:

self.formElement.querySelectorAll('.error-message').forEach(n => n.remove(n));

flex-grow: 1;
flex-basis: 0;

что не так в скрипте

А что, думаете функция сама себя должна привязать к чекбоксу в качестве обработчика события change? Нет, так не будет - это ваша работа.

можно ли его сделать проще

Можно:

document.querySelector('#play').addEventListener('change', e => {
  document.querySelector('.block').style.opacity = +e.target.checked;
});

Или, вообще без js:

#play:checked ~ div > .block {
  opacity: 1;
}

Это нормально...

Нормально.

...или можно как то его оставить что бы не рендерит по новой?

Можно - используйте keep-alive.

Как нам тут подсказывают, потеряете к нему доступ:

Your private repositories are locked when you downgrade your paid account to a free one, or if your paid plan is seriously past due because of billing problems.

Сам элемент - с помощью ViewChild. Ну а дальше - getComputedStyle.

Пусть функция перезаписывает себя пустой функцией:

function one() {
  console.log('AAAAAAAAAA');
  one = () => {};
}

Или, можно как декоратор это дело оформить:

function once(f) {
  let called = false;

  return function() {
    if (!called) {
      called = true;
      return f.apply(this, arguments);
    }
  };
}

const one = once(function() {
  console.log('AAAAAAAAAA');
});

Так, а что нам говорит по этому поводу документация? Есть там в options свойство под названием hideIconOnBalloonOpen - не это ли вы ищите?

Замените текущее регулярное выражение на /[^+\d]/g.

Ну а вообще, как я понял, вы хотите реализовать ввод телефона. Рекомендую посмотреть в сторону таких вещей как inputmask, например.

plotOptions: {
  line: {
    connectEnds: false
  }
}

Также можно указывать connectEnds в свойствах элементов series - если у вас несколько графиков и вы хотите, чтобы только некоторые из них не имели соединений конечных точек.

А в чём разница между вашими компонентами? В данных? Значит компонент должен быть один и принимать параметры. Ну а в остальном - вы вчера похожий вопрос задавали.

const newArr = arr
  .reduce((acc, n, i, a) => (
    a[i - 1] !== n && acc.push([ n, 0 ]),
    acc[acc.length - 1][1]++,
    acc
  ), [])
  .reduce((acc, n) => (
    acc.push(...Array(n[1]).fill(n[1] > 2 ? `${n[0]}` : n[0])),
    acc
  ), []);

или

const newArr = arr.map((n, i, a) => (
  a[i - 1] === n && a[i - 2] === n ||
  a[i + 1] === n && a[i + 2] === n ||
  a[i - 1] === n && a[i + 1] === n
    ? `${n}`
    : n
));

Выражение [] || this.$store.getters.getMyData() всегда будет иметь своим значением пустой массив. Это первое. Второе - а что, ваш геттер действительно возвращает функцию? Или вы полагаете, будто его надо вызывать? Третье - если по вашей задумке значением myData может быть пустой массив, то почему вы работаете с myData как с объектом? Или, почему вы, зная, что нужен объект с определёнными свойствами, в качестве заглушки используете массив?

Я бы предположил, что реально вы имели в виду следующее:

myData() {
  return this.$store.getters.getMyData || { list: [] };
},

А зачем тут использовать регулярные выражения? Всё гораздо проще: !!str.trim().

Впрочем, регулярное выражение тоже не сильно сложное: /[^\s]/.test(str).

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

идея была в том, чтобы поставить регулярное выражение в паттерн валидации ангуляр формы

Тогда так попробуйте: [pattern]="'.*\\S.*'".

Как делать надо: [...new Set(arr.map(n => n.id))].

И как не надо:

Object.values(arr.reduce((acc, n) => (acc[n.id] = n.id, acc), {}))

// или

Array.from(new Map(arr.map(({ id }) => [ id, id ])).values())

// или

arr.map(n => n.id).filter((n, i, a) => i === a.indexOf(n))

// или

arr.reduce((acc, n) => (acc.includes(n.id) || acc.push(n.id), acc), [])