0xD34F

https://jsfiddle.net/m913pr75/

...как мне правильно написать регулярку для jq метода find(), чтобы он...

Никак. Если бы вы составили себе труд ознакомиться с документацией, то знали бы, что find с регулярными выражениями не работает.

Так, что ли:

data: () => ({
  items: [...Array(5).keys()],
}),
methods: {
  move(index, step) {
    const items = [...this.items];
    const newIndex = Math.min(items.length - 1, Math.max(0, index + step));
    [ items[index], items[newIndex] ] = [ items[newIndex], items[index] ];
    this.items = items;
  },

  // или

  move(index, step) {
    const { items } = this;
    const newIndex = Math.min(items.length - 1, Math.max(0, index + step));
    items.splice(index, 1, items.splice(newIndex, 1, items[index])[0]);
  },

  // или

  move(index, step) {
    const newIndex = Math.min(this.items.length - 1, Math.max(0, index + step));
    if (index !== newIndex) {
      const val = this.items[index];
      this.$set(this.items, index, this.items[newIndex]);
      this.$set(this.items, newIndex, val);
    }
  },
},

<div v-for="(n, i) in items">
  <input v-model="items[i]">
  <button @click="move(i, -1)">вверх</button>
  <button @click="move(i, +1)">вниз</button>
</div>

??

Вместо того, чтобы вручную создавать каждый блок, кладите текстовое содержимое блоков в массив, делайте по нему map. Вместо isOpen храните индекс открытого блока (если открыт может быть только один) или добавьте isOpen каждому элементу массива (если одновременно могут быть открыты несколько блоков).

не получается обратиться к геттеру <...> показывает null, хотя если вызвать store.getters, то данные есть

"Показывает null" - значит не успели ещё данные загрузиться к тому моменту, когда вы дёргаете геттер, только и всего. Нечего тут сказки рассказывать про "не получается". Всё окей.

"Хотя" - не более чем особенность отображения объектов в консоли. Когда разворачиваете объект в первый раз, подтягивается его актуальное содержимое. Т.е., в консоль вы store.getters кидаете до получения данных, а смотрите что там есть уже после.

Не хотите в компоненте видеть этот null - не надо рендерить экземпляр компонента, пока данные не будут получены:

<компонент v-if="$store.getters.profile" />

Правда, прямо сейчас вы так сделать не сможете, есть косяк, вот здесь:

//Подключаю хранилище
import store from './store';

store.dispatch('getUser');
new Vue({
    el: '#app',
    router: router,
    components:{
        'head-app':headImplant,
        'footer-app':footer,
        'sidebar-app': sidebar
    }
});

Где подключение-то? Просто импортировать в main.js экземпляр хранилища недостаточно, вы должны передать его в конструктор Vue, как свойство store объекта с настройками:

new Vue({
  store,
  ...

class App extends Component {
  state = {
    users: []
  }

  componentDidMount() {
    fetch('https://jsonplaceholder.typicode.com/users')
      .then(response => response.json())
      .then(users => this.setState({ users }));
  }

  render() {
    return(
      <div className="App">
        <table>
          <tbody>
          {this.state.users.map(n => (
            <tr key={n.id}>
              <td>{n.name}</td>
              <td>{n.username}</td>
              <td>{n.email}</td>
              <td>{n.website}</td>
            </tr>
          ))}
          </tbody>
        </table>
      </div>
    )
  }
}

<select id="person"></select>
<select id="key"></select>
<span id="value"></span>

const data = [
  {
    "ФИО": "Иванов Сергей",
    "Адрес": {
      "Город": "Москва",
      "Улица": "Пятницкая",
      "Дом": "35",
    },
  },
  {
    "ФИО": "Сидоров Иван",
    "Адрес": {
      "Город": "Питер",
      "Улица": "Ленина",
      "Дом": "42",
    },
  },
];


const selects = [
  Select('#person', data.map(n => n['ФИО'])),
  Select('#key', Object.keys(data[0]['Адрес'])),
];

selects.forEach(n => n.addEventListener('change', onChange));


function Select(selector, options) {
  const el = document.querySelector(selector);
  el.append(...options.map(n => new Option(n)));
  el.value = null;
  return el;
}

function onChange() {
  const [ person, key ] = selects.map(n => n.value);
  if (person && key) {
    const value = data.find(n => n['ФИО'] === person)['Адрес'][key];
    document.querySelector('#value').textContent = value;
  }
}

Удалили. Так как не рекомендуется её использовать.

const result = Array
  .from(arr.reduce((acc, n) => acc.set(n, acc.has(n)), new Map))
  .reduce((acc, n) => (n[1] || acc.push(n[0]), acc), []);

Устанавливаете null в качестве начальных значений accounts и transactions. В шаблоне добавляете v-if="accounts" и v-if="transactions" тем блокам, внутри которых рендерятся элементы на основе соответствующих свойств.

Является ли нормальной практикой создание нового метода , включающего в себя эти три метода

Если вам надо эти методы вот так вот вызывать в нескольких местах - определённо стоит сделать.

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

buildButton(() => {
  this.drawSomeButtons();
  this.changeSomeVariables();
  this.doSomethingElse();
});

Надо использовать ленивый квантификатор вместо жадного: style=".{0,}?".

https://github.com/search/advanced

Repositories options - Of this size

for (var def = 1; def <= n; n++) {

Может, всё-таки должно быть def++ вместо n++?

Если верить тому, что вы показали в качестве разметки - у вас router-view находится за пределами #app (ну и ещё странность - есть закрывающий тэг header, открывающего нет). Соответственно, отображать компоненты маршрутов попросту негде.

Один x - свойство экземпляра, другой - статический геттер:

class Base {
  constructor() {
    this.x = 3;
  }

  static get x() {
    return 1.5;
  }
}

Классом этой штуке быть не обязательно:

function Base() {
  this.x = 3;
}
Base.x = 1.5;

// или

function Base() {}
Base.prototype.x = 3;
Base.x = 1.5;

UPD. Наконец-то появились статические свойства, а свойства экземпляра стало необязательно инициализировать в конструкторе:

class Base {
  x = 3;

  static x = 1.5;
}

Vue не может отследить прямую установку значения по индексу.

Надо использовать $set, замените

this.steppers[index]=this.steppers[index]+this.step_go

на

this.$set(this.steppers, index, this.steppers[index] + this.step_go)

$str = "философски нагруженная";
preg_match("/.{50}$str.{50}/u", $text, $match);

Получаем массив значений, достаём из него нужный элемент:

const getValue = (obj, index = 0) =>
  Object.values(obj)[index];

Или, перебираем имена свойств, считаем собственные:

function getValue(obj, index = 0) {
  for (const k in obj) {
    if (obj.hasOwnProperty(k) && !index--) {
      return obj[k];
    }
  }
}

Например:

$('.list_add_room').on('click', '.butt_edit', function() {
  const $el = $(this).closest('.item_contain_list').find('p');
  $('.list_add_room [contenteditable="true"]').not($el).removeAttr('contenteditable');
  $el.attr('contenteditable', (i, val) => val !== 'true').focus();
});

Есть ещё и такой вариант - убирать contenteditable при потере фокуса:

$('.list_add_room').on('click', '.butt_edit', function() {
  $(this).closest('.item_contain_list').find('p').attr('contenteditable', 'true').focus();
}).on('blur', '[contenteditable="true"]', function() {
  $(this).removeAttr('contenteditable');
});