Alexander

Как собираете, конфиг/версия вебпака?
Если я правильно понял, то второй файл - в котором немного кода - он весит 3 мб? Звучит как несжатый вебпак бандл.

Советы:
0) Сделать сборку для продакшена, если не делаете - https://webpack.js.org/guides/production/;
1) Проанализировать бандлы с помощью https://www.npmjs.com/package/webpack-bundle-analyzer, посмотрите кто дает столько размера;
2) Перейти на Webpack 3, с ним бандлы становятся меньше (но это не точно);
3) Вы выносите скомпилированный sass в отдельный css файл? Или все это добро тоже уходит в бандл?

npm install browser-sync --save-dev

Запустить локально
./node_modules/.bin/browser-sync start [options]

Можно добавить в npm scripts для удобства.

Чтобы стать хорошим фронтом, нужно знать минимум JS. А за ним подтянется и Node JS.

Скринкаст Кантора устарел, если там не перезаписаны выпуски (Выпуски были записаны для Node 0.10.)
Книга, в принципе, тоже :)

Лучше поищите что-нибудь посвежее на ютубе. По Node JS [+Express] там полно всего. Из последнего нормального что мелькало в подписках:
https://www.youtube.com/watch?v=w-7RQ46RgxU&list=P...
https://www.youtube.com/playlist?list=PL4cUxeGkcC9...

Если вам localStorage нужен для хранения состояния vuex, то обратите внимание на https://github.com/robinvdvleuten/vuex-persistedstate

Чтобы совместить эти две вещи, вам не нужны шаблоны Wordpress. Как я вижу разработку с этими двумя:

- WP отдаёт в rest API нужные данные (он это умеет по умолчанию, вроде только нужно поставить плагин чтобы включить). Это ваш бэкенд.
- На VueJS вы пишете весь фронтенд - то есть вся вёрстка шаблона находится именно во vue-файлах, так же как и вся логика по получению постов, категорий, комментариев и прочего из бэкенда WP.

А в чем проблема отловить событие ввода, сделать emit в предке и поймать его в родителе? Тут же кода строк на 10.

Если не хочется отслеживать нажатие клавиш, можно повесить на input v-model и сделать watch на его изменение, при изменении прокидывать данные в родителя (ну тут уж можете сделать emit? :) без события сходу не придумаю ничего с телефона.

Передайте данные в дочерний компонент через props и повесьте на таблицу v-if какой-нибудь (типа банального props.length > 0), чтобы она показалась когда данные уже появятся.

Данные в таблице выводите через v-for="props", когда данные придут с сервера в родителя и оттуда в дочерний компонент, все автоматически обновится и заполнится.

Написал бы подробнее с примером, но с телефона не выйдет :(

Думаю можно начать с того, что функцию надо вызвать. Можно вынести ее в methods и вызвать из created как this.adBlockNotDetected()

Гуглите fake api endpoint.

numeraljs.com

Если нет проблем с английским, начни здесь для основ :)

https://www.freecodecamp.com/

Попробуй посмотреть в сторону https://github.com/chrisvfritz/prerender-spa-plugin и https://www.npmjs.com/package/express-history-api-...