Что почитать по архитектуре Vue-приложения?

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

Что почитать по архитектуре Vue-приложения?

DmitriyTitov, вы же сами упомянули про чистую архитектуру:) А она как раз говорит о том, что любой фреймворк это просто деталь. SOLID концепции они более абстрактны и лежат выше уровнем чем фреймворк. Вы можете загуглить best practices по vue, различные варианты по реализации компонентов и проекта в целом. Посмотреть готовые проекты, реализованные на vue, библиотеки и т.д., чтобы углубить свои знания. Но осознание и опыт придет только через практику. Поэтому вариант пойти и погуглить вполне уместный) код стайл можно почитать, тоже лишним не будет: https://vuejs.org/v2/style-guide/

Как обновить свойства объекта во vuex?

кейс1: объект удаляется сборщиком, когда перестает существовать ссылка на него где бы то ни было. В данном варианте, если вы передадите новый объект, то старый перестанет существовать, после того как сборщик отработает.
кейс2: данном варианте в мутацию передается новый объект и при присваивании также создается новый объект. Но если value1 или value2, например, были объектами, то они передадутся по ссылке. Но сама мутация и связанная с ней реактивность все равно должна отработать, т.к. новый объект создается в итоге.

Как передать $refs в другой компонент Vue?

Валерий В.,
1. Можно использовать provide/inject - в родительском делаете provide нужного объекта, далее в в потомке делаете его inject.
2. Использовать vuex - сохраняете в стор ссылку на объект, далее используете ее в любом компоненте.

Как синхронно отрисовать v-for внутри модального окна?

Скорее где-то у вас проблема была. Ну т.е. это как правило случается, когда у вас модальное окно переиспользуется. Например, вы его скрываете через v-show, потом наполняете другими данным, потом показываете. В данном варианте он не пересоздается.

Как синхронно отрисовать v-for внутри модального окна?

- зафиксировать высоту
- сделать анимацию на изменение высоты, чтобы была плавность
- во время загрузки списка показываем лоадер на его месте

в зависимости от потребностей применяем что-то из вышеперечисленного или все вместе)

ps. присылать active c сервера - это странно) это чисто ui, с сервера вы присылаете данные и далее их отображаете.

Как синхронно отрисовать v-for внутри модального окна?

1. Тут не очень понял, если у вас v-if используется на модальном окне, то в данном варианте компонент полностью пересоздается. Непонятно о каких перерисовках речь.

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

шаблон рутового компонента:

<template>
  <button @click="active=true">
  <modal v-if="active" :product_id="product_id">
</template>

Модальное окно:

<template>
  <div v-show="active">
    <list-item v-for="item in items"></list-item>
  </div>
</template>

export default {
    props: ['product_id'],
    data() {
      return {
        active: false,
        items: []
      }
    },
    created() {
      axios.get(`/json/datalist/${this.product_id}`)
                .then(response => {
                    this.items = response.data.data;
                    this.active = true
                })
    }
  }

Почему я не могу дотянуться до свойства?

beduin01, аналогично проверять в computed на доступность.

Почему я не могу дотянуться до свойства?

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

<div v-if="my_data">{{my_data['2018-07-11']['may']}} </div>

data: {
    my_data: null,
    mess: 'hello world'
  },

Почему я не могу дотянуться до свойства?

beduin01, потому что в первоначальный момент my_data['2018-07-11'] = undefined и вы пытаетесь сделать undefined['may'] и соответственно получаете ошибку.

Почему я не могу дотянуться до свойства?

beduin01, в первом варианте у вас будет my_data['2018-07-11'] = undefined в первоначальный момент, но оно сразу заменится пришедшими данными. Можете так написать:

my_data['2018-07-11'] && my_data['2018-07-11']['may']

Как использовать router-view внутри router-view (не вложенные роуты)?

Антон Шелестов, вот так бы я оформил:

{
        path: '/admin',
        component: AdminLayout,
        redirect: { name: 'dashboard' },
        children: [
            {
                path: 'dashboard',
                name: 'dashboard',
                component: Dashboard,
                meta: {
                    requiresAuth: true
                },
            },
            {
                path: 'users',
                name: 'users',
                component: UserLists,
            },
        ]
    }

Что думаете насчет идеи коммитить pageYOffset в стейт?

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

Как можно запретить отображение vue компонента в зависимости от состояния в vuex?

Евгений Хрипунов, вообще странно, не важно как он вбивается, этот хук глобальный и должен срабатывать при любом изменении.

Как заставить видеть функцию Vue.componenta?

Алексей Повольнов, поэтому коду ничего не ясно. У вас есть компонент menu-avtr, из которого вы пытаетесь взять computed свойство, которое не используется в этом компоненте и его использовать в другом. Где логика происходящего?)

Как заставить видеть функцию Vue.componenta?

Ну, перенесите ее)

Почему шина событий не слышит событие?

nastya_zholudeva, да, сохраняете. На второй странице: this.items = this.$root.selectedItems

Почему шина событий не слышит событие?

Сохраните в руте, но это не красиво) Как правило проект развивается и появляются подобного рода костыли, которые сложно поддерживать в итоге.
this.$root.selectedItems = this.items

Почему шина событий не слышит событие?

Я не знаю как у вас организован проект, но смысл в том, что нужно где-то сохранить данные, которые вы собираетесь использовать в компоненте. Это может быть vuex, родительский компонент, localstorage, что-то еще..

Почему шина событий не слышит событие?

nastya_zholudeva, в данном варианте компонент куда вы передаете не существует еще скорее всего. Вот здесь: this.$router.push({path: 'selected'}) вы на него переходите, верно? Т.е. вы послали событие, а потом перешли на этот компонент, соответственно подписка на него произойдет позже.
Проверить легко, добавьте вывод в консоль когда у вас подписка происхдит:

mounted () {
    bus.$on('selectedCompanies', (data) => {
      console.log('data', data)
      this.items = data
      console.log('this.items', this.items)
    })
   console.log('subscribed!')
  },