svilkov87

• $el.querySelector('.block__child')
  
• refs
  

Потому что когда.b-popup появляется, он закрывает собой .b-block, возникает событие mouseleave, и его надо скрывать. А как он скрылся - его надо снова показывать, потому что на .b-block возникает событие mouseenter. Ну вот так оно по кругу и происходит.

Добавьте pointer-events: none для .b-popup. Или поместите .b-popup внутрь .b-block.

:license="{
  old_price: 20,
  price: 200,
  title: 2,
}"

Ну и остальные аналогично.

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

Как узнать текущую версию вебпака? ( webpack -v выдает - webpack: command not found

в директории с проектом написать npm list webpack

Можно ли как-то узнать, установлен вебпак глобально или локально?

локально npm list webpack
глобально npm list webpack -g --depth 0

Как обновить вебпак ( какая именно это команда?)

npm remove webpack -D && npm i webpack -D

выводить содержимое данного тега в консоль...

Вешаем на элемент списка обработчик клика, которому передаём соответствующий элемент массива данных. Внутри обработчика выполняем нужные действия:

<li v-for="n in items" @click="onClick(n)">
  {{ n.message }}
</li>

methods: {
  onClick(item) {
    console.log(item.message);
  }
}

...или в какой-то блок

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

<li v-for="n in items" @click="$emit('select', n)">
  {{ n.message }}
</li>

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

<b-list @select="selected = $event"></b-list>
<div v-if="selected">{{ selected.message }}</div>

data: () => ({
  selected: null,
  ...
})

Похоже на то, что вам нужно?

Почему именно ноды, а не элементы или еще как-то?

Node дословно переводится как узел.

- почему тут ноды
- а тут элемент?
В чем разница?

Node - любой объект DOM, в нем реализованы базовые методы.
Element - это один конкретный тип(потомок) Node. Ноды не обязательно являются элементами.
Простой пример. Обратите внимание на свойство nodeType каждого элемента коллекции. Один элемент и две текстовые ноды.

Node
Element

Например как мне получить значение ключа matched в 15 строке?

А как коду понять, из какого ключа вы хотите получить matched? Или вам нужно вот это
var mached = testObject.rules.password.matched;

link

var fragments = ['@','.ru','.com'];
var str = 'test@gmail.com';
if (fragments.some(fragment => str.includes(fragment)) ) {
  // ...
}

Если нужно именно регулярку, то /@|\.ru|\.com/

if (obj.one || obj.one !== false)
console.log("test")

&& - и
|| - или

https://codepen.io/anon/pen/OzpKNm?editors=1111

$( function() {

  var frutsEl = $('.b-fruts');
  var discountsEl = $('.b-discounts');
  
  frutsEl.on('change', function(item) {
    var frut = $(this)
      .find('option[value="' + $(this).val() + '"]').attr('data');
    discountsEl
      .find('option')
      .hide()
      .filter('[data="' + frut + '"]')
      .show();
  
    discountsEl
      .val(
        discountsEl
          .find('option[data="' + frut + '"]:first')
          .attr('value')
        );
  });
  
  frutsEl.change();

} );

<select class="b-fruits">
  <option>apple</option>
  <option>orange</option>
  <option>banana</option>
</select>

<select class="b-discounts">
  <option data-type="apple">100</option>
  <option data-type="apple">200</option>
  <option data-type="orange">300</option>
  <option data-type="banana">400</option>
</select>

$('.b-fruits').change(function() {
  $('.b-discounts')
    .val(null)
    .find('option')
    .hide()
    .filter(`[data-type="${$(this).val()}"]`)
    .show();
}).change();

// или

const fruits = document.querySelector('.b-fruits');
const discounts = document.querySelector('.b-discounts');

fruits.addEventListener('change', ({ target: { value } }) => {
  discounts.value = null;
  for (const n of discounts.options) {
    n.hidden = n.dataset.type !== value;
  }
});

fruits.dispatchEvent(new Event('change'));

Как-то так (правда нужно чуть доработать с текстом в самом селекте, но думаю сами справитесь):

$( function() {
  $('.b-fruts').change(function(){
    $('.b-discounts > option').hide();
    $('.b-discounts > option[data="'+ $(this).find('option:selected').attr('data') +'"]').show();
  }).trigger('change');

} );

DOM не загрузился, выполнять код после DOMContentLoaded

Расскажу историю из моей жизни которая началась в сентябре этого года, а выводы делайте сами. К своим 25 годам я имел безумную продуктивность со следующим рационом:
1. Сигареты - 3 пачки в сутки.
2.Отличный молотый кофе из кофемашины с безумным количеством сахара- 10 -12 кружек.
3.Очень жирная и калорийная и безумно вкусная еда.
4. Энергетики несколько банок для разогреву.
5. Шоколадки и прочее сладкое в неограниченном количестве.
Данный рацион вводил организм в "pежим бога" на 7 дней в неделю , можно было не есть или не спать ,очень продуктивно решать задачи почти круглосуточно , а того более и несколько задач одновременно. Безумное маниакальное желание постоянно кодить ,позволяло успевать делать сайд проекты и работать на фрилансе. Все было отлично и я не собирался сбавлять темп до тех пор, пока скорая не увезла меня чуть ли не с рабочего кресла в больницу, где я провалялся ещё около месяца. Сейчас строгая диета - сухари и травяной чай. Успокоительные и постельный режим. Конечно я понимаю что у меня это крайний случай и на него ориентироваться не стоит, но выводы для себя можно сделать следующие:
1.'Самое главное - это здоровье. Когда ты полудохлых тебя меньше всего интересует твоя продуктивность.
2. Здоровьем надо заниматься и правильно питаться исходя минимум из самоуважения к себе.
3. Работа должна стать частью вашей жизни а не самоцелью, правильно расставив приоритеты вы поймёте, что необходимо развивать что бы быть более успешным в своём деле. Продуктивность - это далеко не самый важный показатель в работнике, есть и другие которые тоже влияют на то как ваша работа оценивается.
4. Вы прежде всего человек. Начните правильно питаться и вести Зож хотя бы как человек, а потом уже как программист.