Dauren S

СУБД докеризировать нежелательно, тем более не стоит размещать СУБД и микроскрвис в одном контейнере, а сами базы в контейнерах хранить категорически нельзя.

Базы данных обычно не рекомендуется хранить в контейнерах, если вы точно не знаете, зачем вам это нужно, и что вы делаете.
Так что да, мысли у вас правильные.
По производительности - зависит примерно от всего, но если вы решили делать микросервисы, то эти задержки не будут для вас столь значительны.

Установите наблюдение за свойством, которое должно содержать данные, в обработчике проверяйте, что пришедшее значение корректно, если да - выполняйте код, который сейчас у вас в mounted (конечно, уже без setTimeout'а):

watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value какой нужен) {
        делаете чего там вам надо
      }
    },
  },
},

Если данные разделены на несколько частей, которые загружаются независимо, сделайте вычисляемое свойство, где эти значения будут объединены в массив, и в наблюдателе проверяйте все его элементы:

computed: {
  данные() {
    return [ this.данные1, this.данные2, /* ... */ ];
  },
},
watch: {
  данные: {
    immediate: true,
    handler(value) {
      if (value.every(n => n какой нужен)) {
        делаете чего там вам надо
      }
    },
  },
},

<style>[^<]+</style>
для вложеных тегов будет посложнее

а вообще ты бы хоть попытался

arr = [ dict([ n.split('=') ]) for n in string.split(',') ]

Во-первых: watch - это внутренняя особенность Vue, и работает она только на реактивных свойствах.
Во-вторых: событий на изменение cookie не предусмотрено, но всегда можно просто самостоятельно смотреть за изменениями по интервалу, примерно так:

const cookies = Vue.observable({});

(function update(prevString) {
  const cookieString = document.cookie;

  if (prevString !== cookieString) {
    const cookieObject = Object.fromEntries(
      cookieString.split(/; */)
        .map(
          c => c
            .split('=', 2)
            .map(decodeURIComponent)
        )
    );

    for (const [name, value] of Object.entries(cookies)) {
      if (name in cookieObject) {
        if (cookieObject[name] === value)
          delete cookieObject[name];
      } else {
        Vue.delete(cookies, name);
      }
    }

    for (const [name, value] of Object.entries(cookieObject)) {
      Vue.set(cookies, name, value);
    }
  }

  setTimeout(update, 100, cookieString);
}());

Vue.util.defineReactive(Vue.prototype, '$cookies', cookies);

Теперь можешь делать так this.$watch('$cookies.cookie_name', () => {...})
(если нужна поддержка установки новых значений через this.$cookies.cookie_name = 'cookie_value' - тут уж самостоятельно)

ALTER SEQUENCE nutrition_productcategory_seq RESTART WITH <последний id>;

А данные в MY_ITEMS откуда берутся? Если откуда-то загружаются, то скорее всего во время рендеринга их ещё нет. И там null

n = 19
numbers_as_string = '16 11 5 7 15 18 6 13 9 10 14 12 2 19 4 17 3'
numbers = [int(i) for i in numbers_as_string.split(' ')]

all_numbers = set(range(1, n + 1))
numbers = set(numbers)
sorted_diff = [str(i) for i in sorted(all_numbers.difference(numbers))]
print(' '.join(sorted_diff))

Использовать vuex или передавать на другую страницу через props.

Через остаток от деления

0%3, 1%3, 2%3, 3%3, 4%3, 5%3
Out[79]: (0, 1, 2, 0, 1, 2)

for i in range(len(comp)*len(comp[0])): #число всего элементов в 2-мерном массиве
    print (i%3)
    
0
1
2
0
1
2