3

Начал пробовать Vue и сразу же споткнулся на асинхронности компонентов.

main.js

import test_comp from "./components/test_comp";

const AsyncComp = () => ({
    component: {test_comp},
    delay: 2000,
});

$(() => {
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        },
        components: {AsyncComp}
    });
});

test_comp.js

export default {
    name: 'test_comp',
    data: () => {
        return {
            message: 'hi!'
        }
    },
    template: `<span>{{message}}</span>`,
}

Вываливается ошибка

main.js:535 [Vue warn]: Unknown custom element: <test_comp> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

(found in <Root>)

На каком моменте у меня случился затуп?

UPD:

Во вьюшке сделал

<async-comp>
    <test-comp></test-comp>
</async-comp>

Ошибки уже нет, но теперь не отображается темплейт компонента, а вместо него <!----> введите сюда описание изображения

4
  • test_comp и test-comp это одно и то же? 11 авг 2017 в 7:26
  • по идее - да. разницы не заметил между подчеркиванием и тире
    – RSalnikov
    11 авг 2017 в 7:28
  • ну вы проверьте как оно точно, потому что HTML5 custom elements, например, обязательно с дефисом по середине. 11 авг 2017 в 11:40
  • Еще бы пример решения, а то тоже голову сломал
    – Денис
    31 мар 2018 в 14:02

1 ответ 1

1

Проблему решил. В component должен быть Promise.

1
  • Еще бы ответ с примером реализации, а то не тянет на "ответ"
    – SVE
    2 янв 2020 в 5:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.