@Intelix

Из за чего ошибка при использовании примера из документации vue?

Хочу добавлять копию компонента при нажатии на кнопку.
Нашел пример в документации: https://v3.vuejs.org/guide/migration/global-api.ht...
const Profile = {
  template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
  data() {
    return {
      firstName: 'Walter',
      lastName: 'White',
      alias: 'Heisenberg'
    }
  }
}
Vue.createApp(Profile).mount('#mount-point')


Копирую его в проект и при вызове метода на кнопку получаю в консоли:

runtime-core.esm-bundler.js?5c40:6800 Uncaught TypeError: Cannot read properties of undefined (reading 'createApp')
    at Proxy.addRequisites (transfers.vue?01d8:167:1)
    at $data.step.Object.onClick._cache.<computed>._cache.<computed> (transfers.vue?01d8:45:1)
    at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:6737:1)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?5c40:6746:1)
    at HTMLDivElement.invoker (runtime-dom.esm-bundler.js?830f:357:1)


Что это и почему?
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ответы на вопрос 1
@GrayHorse
Копирую его в проект и при вызове метода на кнопку получаю в консоли:


Что? Какого метода? Кнопку?

Нашел пример в документации. Копирую его в проект


Куда его можно скопировать (неправильно), если это уже по факту полноценное рабочее приложение на Vue.js:

<!DOCTYPE html>
<html>
<head>
    <script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="mount-point"></div>
<script>
    const Profile = {
        template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
        data() {
            return {
                firstName: 'Walter',
                lastName: 'White',
                alias: 'Heisenberg'
            }
        }
    }
    Vue.createApp(Profile).mount('#mount-point')
</script>
</body>
</html>


Что это и почему?

Это исключение.
Vue.js не был подключен.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы