@ravick

Как добавить Vue.js компонент в blade шаблон на laravel без app.js?

Есть vue.js компонент, который использую только на одной странице приложения. Хочу выпилить его из app.js и добавить отдельно только на этой странице. Добавить смог, но из app.js прилетает ошибка:

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

То есть, нужно как-то сообщить app.js об этом компоненте.

Blade шаблон:
<div id="app1">
    <demo></demo>
</div>

Код компонента:
export { Demo }

let Demo = {
    name: 'demo',
    data: function () {
        return {
            message: 'This is a local components.'
        };
    },
    template: '<h1>Component: {{ message }}</h1>'
}

JS:
import { Demo } from './demo.js';

export default {
    components: {
        'demo': Demo
    },
}

let demo = new Vue({
    el: '#app1',
    components: {
        'demo': Demo
    }
})
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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