Как подгружать данные в компонент до его прорисовки во Vue?

1. Какая задача решается? Ничего не отображать пока данных нет?
2. Пример кода

Как еще передать name в объект route?

Отлично! Если настаиваете) https://money.yandex.ru/to/410011384408899

Как еще передать name в объект route?

Возможно, трудно сказать не видя код. Может all пустой, может еще что-то. Посмотрите, что содержат переменные при вызове этого геттера и вызывается ли он вообще.

Как еще передать name в объект route?

this.$store.state.categories.getters[this.$route.meta.bcGetter] - вот сюда скорее всего передается activeCategory и этот вызов undefined. Эта запись скорее всего неправильна, если у ваc не namespaced модули в vuex, то вызываем вот так: this.$store.getters[this.$route.meta.bcGetter].
Вот тут тоже скорее всего косяк:

activeCategory: (state, {activeCategoryId}) => {
        return state.all.find( (p) => p.id === activeCategoryId) || null
    }

Нужно:

activeCategory: (state) => {
        return state.all.find( (p) => p.id === state.activeCategoryId) || null
    }

Как понять где ошибка в VueJS - NuxtJS?

Разбирайтесь с окружением, настройками линтера, как у вас сборка происходит.

Как понять где ошибка в VueJS - NuxtJS?

Это предположение было:

export default {
        props: ['error'] // <- вот тут пропсы у вас на четыре пробела сдвинуты вправо, а нужно два. Но не факт, т.к. при вставке вами примера форматирование могло поменяться.
    }

Vuejs. Как активировать кнопку "сохранить" при изменении какого-либо поля?

Надо отключать слежение видимо, пробуйте вот так:

data() {
  return {
    unwatcher: null
  }
},
...
methods: {
  onDevgroupClick(item) {
        // Clone device object(for editing)
        if (this.unwatcher) {
          this.unwatcher()
        }
        this.selectedDevice = Object.assign({}, item);
        this.hasChanges = false;
        this.$nextTick(() => {
          this.unwatcher = this.$watch('selectedDevice', this.hasChanged, { deep: true })
        })
      },
  hasChanged() {
    this.hasChanges = true;
  }
}

Как использовать символ @ в JSDoc?

Это не ответ на вопрос) но посмотрите на возможность создания кастомных тегов в файле и потом извлечения инфы из них, как раз про документацию пример: https://vue-loader.vuejs.org/ru/configurations/cus...

Как еще передать name в объект route?

Из примера, который я давал, вроде ясно как можно реализовать.
Смысл такой:

1. У вас есть компонент location, в него передаете текущий маршрут
2. У вас есть роутер, к нему привязан объект (meta в примере), который содержит отображаемое название для данного пути - для статических путей, либо геттер из стора и функцию, которая вернет имя из полученного геттером содержимого имя для отображения.

Когда происходит переход на какой-либо машрут, ваш location компонент берет из данного маршрута название, которое задано статически, либо, если привязан геттер, вызывает его, получает нужную информацию из стора(в вашем случае это должны быть геттеры получения текущей категории, названия товара и т.п.) и извлекает имя.

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

Почему решили? Фильтрация по ключам происходит, все в порядке.

Почему линтер выдает ошибку в vue.js?

Если у вас есть конфиг для линта, можете добавить в правила: "linebreak-style": "off"

Почему линтер выдает ошибку в vue.js?

eslint.org/docs/rules/linebreak-style

Как мне организовать сборку компонентов *.vue?

2. Вариант с переносом в dev не подойдет, вы же все равно его импортируете в ваших файлах.

Как мне организовать сборку компонентов *.vue?

1. Если плохеет, значит пора разбивать либо на компоненты, либо выносить стили/скрипты/шаблоны в отдельный файл и инклюдить их.
3. Не подскажу, сам использую vue-cli и webpack шаблон, при билде он делает отдельно css и отдельно js, причем вендорные js тоже отдельно.
4. Тут да, либо в компонент персонально, либо scss|less файл, который инклюдится в vue файл, а в нем инклюды переменных/миксинов+стили самого компонента.

Как еще передать name в объект route?

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

// mixin setLocation.js

export default {
 created() {
   this.$store.currentLocation = this.name
 }
}

// ... in some component

import locationMixin from 'path-to-mixins/setLocation'
export default {
  mixins: [locationMixin],
  ...

Но вообще, нужно понять что вы на самом деле хотите - отображать что-то типа хлебных крошек? Тогда стоит реализовать отдельный компонент для этого. Посмотрите вот эту реализацию, имхо, здесь достойно сделано: https://jsfiddle.net/Linusborg/fgporeLx/

Как еще передать name в объект route?

Николай Семенов: Мм, здесь я предполагал, что используется vuex, смотрите как изменять state в нем: actions, commit, mutations, в документации все есть: https://vuex.vuejs.org/ru/intro.html

Как вывести шаблон в Vue?

chelkaz: Вы импортировали компонент, но ни где его не используете.
Вот эта запись: components: {Example} есть components: {Example: Example}
см. синтаксис ES6

Как вывести шаблон в Vue?

chelkaz: Т.е. у вас компонент вообще не выводится в шаблоне, сделайте так для начала: <div id="example"><example></example></div>

Как вывести шаблон в Vue?

Что у ваc в самом контейнере #example? Вы сам компонент где-то используете вообще?)

Vue component. Как передать в template шаблон из import?

chelkaz: это скрипт, где webpack вызывается из ваших установленных модулей. Но странность в том, что в дев.зависимостях вебпака у вас нет.