0xD34F

computed: {
  model() {
    return new Proxy(Object.fromEntries(this.obj2.map(n => [ n.model, null ])), {
      get: (target, prop) => typeof prop === 'string'
        ? prop.split('.').reduce((p, c) => p?.[c], this.obj)
        : target[prop],
      set: (target, prop, value) => {
        const keys = prop.split('.');
        const key = keys.pop();
        const obj = keys.reduce((p, c) => (!p.hasOwnProperty(c) && this.$set(p, c, {}), p[c]), this.obj);
        this.$set(obj, key, value);
        return true;
      },
    });
  },
},

<div v-for="(v, k) in model">
  <input v-model="model[k]">
</div>

https://jsfiddle.net/34brtvok/

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

computed: {
  model() {
    return this.obj2.map(n => {
      const keys = n.model.split('.');
      const key = keys.pop();
      const obj = keys.reduce((p, c) => p?.[c], this.obj);

      return obj && { obj, key };
    }).filter(Boolean);
  },
},

<div v-for="n in model">
  <input v-model="n.obj[n.key]">
</div>

https://jsfiddle.net/34brtvok/1/

li:not(:first-child, :last-child)

или

li:not(:first-child):not(:last-child)

или

li {
  /* тут стили для всех элементов */
}
li:first-child,
li:last-child {
  /* здесь сбрасываете стили, установленные выше */
}

https://jsfiddle.net/6zxdwear/

Вызов switchPatternTable внутри обработчика клика - зачем он там? Да ещё и результат улетает в никуда.

Вызов switchPatternTable в "нужном участке страницы" - во-первых, параметр не передаётся, т.е., результат всегда будет один и тот же; во-вторых, из показанного огрызка неясно, что с этим результатом происходит дальше.

Как бы мог выглядеть рабочий код (вам на подумать - как добавить сюда дефолтный вариант).

const replaceValues = (val, test, replacer) =>
  val instanceof Array
    ? val.map(n => replaceValues(n, test, replacer))
    : val instanceof Object
      ? Object.fromEntries(Object
          .entries(val)
          .map(([ k, v ]) => [
            k,
            test(k, v)
              ? replacer(v)
              : replaceValues(v, test, replacer)
          ])
        )
      : val;


const newData = replaceValues(
  data,
  k => k.includes('Date'),
  v => v.replace(/(\d+)-(\d+)-/, '$2.$1.')
);

preg_match_all('~\[(.+?)\|(.+?)\]~', $str, $matches);

Точно так же, как если бы вместо Proxy у вас был оригинальный объект (кстати, а почему вы этого не попробовали сделать - что, увидели этот непонятный Proxy и испугались?).

Vue заворачивает данные в Proxy для отслеживания изменений. Если вдруг очень надо, можно получить оригинальные данные с помощью toRaw.

получить массив

А где у вас там массив? Никакого массива нет. Или исправляйте код на сервере, чтобы присылались верные данные, или используйте Object.values.

$('.content_toggle').click(function() {
  const $button = $(this);

  $(`#box-${this.id.split('-').pop()}`).slideToggle(300, function() {
    const isHidden = $(this).is(':hidden');
    $button
      .text(isHidden ? 'Показать текст' : 'Скрыть текст')
      .toggleClass('open', !isHidden);
  });

  return false;
});

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

$(this).closest('здесь селектор общего предка').find('.content_block')

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

$(this).next()

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

$('.content_block').eq($('.content_toggle').index(this))

echo preg_replace_callback('~\[(.+?)\]~', fn($m) => $array[$m[1]] ?? $m[0], $message);

Вам это не нужно.

Компонент, который занимается редактированием - пусть он создаёт внутри себя копию редактируемых данных, и работает с копией. А по нажатию кнопки сохранения эта копия передаётся в мутацию, где значения её свойств будут записаны в оригинальный объект. Как-то так.

Потому что вы заменяете реактивный объект обычным.

Вместо присваивания нового объекта добавляйте свойства одного другому:

Object.assign(object1, object2);

Ну или оборачивайте новый объект в reactive, так же, как и старый.

По клику на кнопку вызывается мутация, в которою передаётся id.

Эти слова следовало проиллюстрировать кодом. Потому что сама по себе показанная вами мутация... дичь дикая конечно, но рабочая, проблема где-то в другом месте - может, неправильно вызываете мутацию, или не ту, или при вызове передаёте несуществующий id.

Я так понимаю, потому что метод возвращает только false/true, а не измененный item.

Не понимаете. Какая разница, что вы там из мутации возвращаете? Да никакой.

Как примерно должен был выглядеть ваш код. Смотрите, сравнивайте с тем, что у вас реально есть.

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

id передается, проверял через консоль

...mapMutations(['chekedItem', 'deleteItem']),
itemSucces(id) {
  this.chekedItem({id});
},

Правда проверяли? И как же вы ухитрились при этом не заметить, что передаёте объект вместо числа? Кстати, в данной ситуации можно и объект передавать - сам item, тогда его не придётся искать в мутации:

chekedItem: (state, item) => item.checked = !item.checked,

Зачем метод дополнительный создавать? - вызывайте сразу chekedItem, а itemSucces удалите.

$(document).on('click', 'a[id^="answer_"]', e => $(`#comment_${e.target.id}`).toggle());

Нет никакой функции, нечему работать. Вы выполняете статическую привязку значения параметра, так что передаёте в компонент строку, а не функцию:

succesItem='succesItem'

А вообще, вам не мешало бы почитать документацию, чтобы узнать, как правильно в родительских компонентах обрабатывать события дочерних.

case 'ADD_LIST':
  const { boardId, id } = action.payload;
  return {
    ...state,
    borders: state.borders.map(n => n.boardId === boardId
      ? { ...n, lists: [ ...n.lists, id ] }
      : n
    ),
  };

А оно вам действительно надо? Может, это тогда не фильтр должен быть? Подумайте об этом.

Глобальные фильтры лежат в Vue.options.filters. Соответственно:

const filteredValue = Vue.options.filters.someFilter(value);

// или, если вспомнить, что компоненты являются экземплярами Vue
const filteredValue = this.constructor.options.filters.someFilter(value);

preg_match_all('~\b\d{2}-\d{2}-\d{4}\b~', $str, $matches);

function setNestedVal(root, path, val) {
  const keys = path.split('.');
  const key = keys.pop();
  keys.reduce((acc, n) => acc[n] ??= {}, root)[key] = val;
}


setNestedVal(data, '0.arr.0.str', 'hello, world!!');
setNestedVal(data, '0.arr.1.num', 666);

Интересуют готовые решения

https://lodash.com/docs/4.17.15#set

А вообще, учитывая что за задачу вы пытаетесь решить...

Нужно изменить этот массив, преобразовав все строки с датами в нём, независимо от того, как глубоко они вложены, в объекты.

...вам ничего из того, что выше, не нужно. Делаем функцию, которая рекурсивно обойдёт переданный объект, проверяя, чем являются значения - если строкой с датой, то выполняет указанное преобразование:

const replaceValues = (data, test, transform) =>
  test(data)
    ? transform(data)
    : data instanceof Array
      ? data.map(n => replaceValues(n, test, transform))
      : data instanceof Object
        ? Object.fromEntries(Object
            .entries(data)
            .map(([ k, v ]) => [ k, replaceValues(v, test, transform) ])
          )
        : data;


const newData = replaceValues(
  data,
  x => typeof x === 'string' && /^\d{2}\.\d{2}\.\d{4}$/.test(x),
  str => new Date(str.split('.').reverse().join('-'))
);

Посчитать сумму значений всех элементов массива:

const sum = arr.reduce((acc, n) => acc + n.number, 0);

Затем собрать новый массив, где элементам будет добавлено новое свойство - отношение значения и суммы, умноженное на сто:

const newArr = arr.map(n => ({ ...n, percent: n.number / sum * 100 }));