VUE 3 Router не видит GET параметры?

Question

[Tereverda]

drfg

url с запросом https://app.ronbel.ru/poisk_korobok?length=200&wid...
на VUE 2 все работало нормально

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/vue-router@4/dist/vue-router.global.js"></script>

const app = Vue.createApp({
  data () {
    return {
      // Данные из формы в мм.
      length: this.$route.query.length, // пусто, весь массив query
    }
  }, 
  // Подумал, что во VUE 2 роутер добавлялся как свойство, а здесь в конце после создания объекта
  mounted: function () {
      // тоже все пусто
      this.length = this.$route.query.length;
      this.width = this.$route.query.width;
      this.height = this.$route.query.height;
    }
  },
});

// VueRouter
const router = VueRouter.createRouter({
  history: VueRouter.createWebHistory(), // раньше был мод хистори, вроде бы это его новый аналог
  routes: []
});

app.use(router);
app.mount('#app');

Answer 1

[Tereverda]

Решение https://github.com/vuejs/router/discussions/2002
router.isReady().then(() => app.mount('#app'))

Answer 2

[Aetae]

Видит, но не сразу:

this.$watch(() => this.$route, (x) => {
  this.length = this.$route.query.length;
  this.width = this.$route.query.width;
  this.height = this.$route.query.height;
}, {deep: true, immediate: true});

ИМХО, это баг и надо бы завести issue им на github.

Comments

[Tereverda]

this.$watch() - откуда это?
Почему не глобальная функция наблюдатель watch()?

[Aetae]

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

А в общем - в некоторых случаях удобно начинать watch не сразу ли делать unwatch.

[Tereverda]

Aetae, так выше я и кладу в mounted результат ноль

[Aetae]

Tereverda, всё работает:

[Tereverda]

Решение https://github.com/vuejs/router/discussions/2002
router.isReady().then(() => app.mount('#app'))

[Aetae]

Tereverda, ого, ответ о причине был в документации.:)
Правда всё равно, боже, какое же это говно. Что они сделали с моим vue.:( Чувакам лень, сука, было нахреначить исключение для случая инициализации и они вместо этого ввели целую новую, не очевидную, сущность.