С чего начать учить Vue.js? Какие практические задания максимально продвинут в обучении?

И собсно всё.
День от силы на доку и пошёл писать.
Vue это вам не Angular, чтоб прямо изучать-изучать, с кровью и потом.)

Как сделать, чтобы cursor: pointer был не на всю ширину?

А клик должен таки всё равно работать везде? Если нет, то значит и нефиг вешать на весь блок.

Фильтрация элементов в vue js?

Константин Тимошено, и в чём проблема?

<button @click="produnit ^= 1"> produnit: {{produnit ? 'on' : 'off'}} </button>

Ну или отдельным обрабочиком:

<button @click="toggle('produnit')"> produnit: {{produnit ? 'on' : 'off'}} </button>

toggle(filter){
    this[filter] ^= 1;
}

Ну и эту buttonхорошо бы скрыть за отдельным мини-компонентом.

Фильтрация элементов в vue js?

Во-первых: почему вместо boolean вы используете number?
Во-вторых: не особо понятно чего вы хотите, но стандартная схема фильтрации массива в vue - computed свойство, которые возвращает отфильтрованный массив(по любому количеству признаков).
В третьих: никаких событий там где не надо, а где надо в простых случаях - лучше скрыть за компонентом с v-model.

При просмотре видео нагружается процессор?

Кодек vp9 у вас почему-то. h264ify стоит?

При просмотре видео нагружается процессор?

Попробуй ещё запустить хром так:

Win+R
chrome.exe --ignore-gpu-blacklist --enable-accelerated-vpx-decode=2
Ok

и посмотри будет ли разница.)

Ну и заскринь ещё "статистику для сисадминов":

Нужно ли адаптировать сайт под несуществующие размеры экранов?

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

Как писать классы в JS для работы с БЭМ блоками?

А какая проблема навешать ещё классов? БЭМ прямо говорит, что классы можно миксовать и один конкретный div может иметь несколько абстрактных ролей.

При просмотре видео нагружается процессор?

Оно по умолчанию работает для всех поддерживаемых картой кодеков.

При просмотре видео нагружается процессор?

Видеокарта обрабатывает только то видео, систему кодирования(кодек) которого она понимает.
Если же не понимает что за кодек - приходится отдуваться процессору.
Ну и само собой, могут иметь место какие-то глюки, когда даже если карта и должна бы обрабатывать - система её просто не просит.)
Посмотрите не отключено ли "аппаратное ускорение" в настройках браузера.

Исчезает элемент при добавлении партнерской ссылки?

ottoomoto, у того же ublock'a есть логгер, где можно посмотреть что было заблокировано на странице и по какому правилу.

Как создать массив из свойств объекта, которые не являются свойствами другого объекта?

kunjut19, как в отмеченном ответе. А лучше вообще

Object.keys(countries).filter(c => !(c in visited))

, потому что не откуда взяться в прототипе странам(а если есть - значит так и нужно).

Как создать массив из свойств объекта, которые не являются свойствами другого объекта?

Interface, зачем получать массив ключей объекта и потом в этом массиве искать, если можно просто проверять наличие ключа в объекте?
Это не только гораздо быстрее(пусь не особо актуально в данном конкретном случае), но также проще и логичнее.

Как правильно использовать router-link?

AlexCruel, кастомный компонент(т.е. любой не html-тэг) отдаёт только те события, какие хочет.
Т.е. вешая обработчик события на такой компонент вы ждёте именно его, компонента а не dom, события.
Модификатор же native говорит вешать обработчики на нативный корневой элемент компонента($el).
Обычно авторы кастомных компонентов просто пробрасывают всё события с корневого элемента вверх, чтоб пользователи не парились по таким вопросам.

Как правильно использовать router-link?

AlexCruel, чтобы писать код - используйте тег код, очевидно.
Ничего не пропадает, всё работает:
Разве что события надо вешать как .native.

Как создать массив из свойств объекта, которые не являются свойствами другого объекта?

Зачем? 0_о

Как создать массив из свойств объекта, которые не являются свойствами другого объекта?

Зачем? 0_о

Как правильно использовать router-link?

Что ты где заменяешь, что там где пропадает и при чём тут router-link?

Как вы называете классы в верстке?

s l a v e, и camelCase вместо kebab-case в наименованиях, в принципе логично, но моё эстетическое чувство категорически против.)

Как вы называете классы в верстке?

У меня верхний регистр в html вызывает отвращение. Это противоречит эстетике html.)
И да, классов типа aboutUs__text - быть вообще не должно. Должны быть классы типа accented-link__text, т.е. по логике отображения, а не по логике содержимого.

P.S. Придерживаюсь БЭМ, за исключением того что для модификаторов вместо _ юзаю --. Так легче на глаз отличить элемент от модификатора.