Задать вопрос

Как использовать VUE компоненты в blade Laravel?

Решил использовать комбинированный подход VUE 3 в blade шаблонах.
Подключил в app.js
import {createApp} from "vue";
import AppMenu from "./Components/AppMenu";
import AppTest from "./Components/AppTest";

require('./bootstrap')
const app = createApp({})
app.component('app-menu', AppMenu)
app.component('app-test', AppTest)
app.mount('#app')


createApp({}) специально оставил пустым по совету из видеоурока https://www.youtube.com/watch?v=fCAX6Dp7hpQ&list=P...

Далее пытаюсь подключить оба компонента в blade
<div class="container">
    <h2>Home2</h2>
    <app-menu/>
    <app-test/>
    
</div>

Но выводится только первый, пробовал подключить локально в самом шаблоне и результат тот же.
Может кто знает как использовать несколько компонентов в одном blade шаблоне?
  • Вопрос задан
  • 769 просмотров
Подписаться 1 Простой 7 комментариев
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
попробуйте полный тег
<app-menu></app-menu>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы