как решить [vue -hooks] Не найден экземпляр vue в vue?

Question

Я пытаюсь запустить этот код вcodeandbox.io , но у меня возникает ошибка - это происходит, когда я нажимаю на ссылки:

[Vue предупреждать] : Ошибка в data (): «ReferenceError: [vue -hooks] Не найден

vue экземпляр». ReferenceError: [vue -hooks] Не найден vue экземпляр.

[Vue предупреждение]: свойство или метод «product» не определены в экземпляре, но на него ссылаются во время рендерить. Убедитесь, что это свойство является реактивным либо в параметре данных, либо для компонентов на основе классов, инициализировав свойство. См .: https://vuejs.org/v2/guide/reactivity.html#Declaring -Reactive-Properties .

Не уверен, почему, кажется, что код правильный.

Я пытаюсь удалить некоторые части из мой код и похоже, что useRouter - это проблема. но почему? есть идеи, как решить эту проблему?

Answer 1

Сделайте Vue для использования крючков.

import hooks from "@u3u/vue-hooks";
Vue.use(hooks)

import { useRouter } from "@u3u/vue-hooks"