Javascript и Vuejs для Laravel 6. Создаем первый компонент Vue. Разбираем файл app.js и меняем его

Стань спонсором(бусти аккаунт), доступ к собеседованиям:

Мои платные курсы:

План развития с нуля до middle+:

Группа вк:

- Ссылка для донатов, спонсорства, пожертвований

- -

. ---

[andrewlevitsky]

Июнь 2023. Данное решение из ролика уже не актуально, сейчас в файле app.js должно:

import { createApp } from 'vue';
import ExampleComponent from
import './bootstrap';

const app = createApp({});

app.component('example-component', ExampleComponent);

app.mount('#app');

[ДенисСамсонников-ош]

Этот контент заслуживает лайка и продвижения! Спасибо за Ваш труд!!

[vimitali]

Спасибо, за урок! Подача - просто огонь!

[ИгорьВиткин-ья]

Классно. И пока все понятно и просто. Спасибо.

[medokuk]

Спасибо за уроки! Пока что все получается, даже если сейчас в Ларавел в стандарте используетеся Vite а не Mix, но все равно до этого урока все получается )

[mikaelgevorgyan]

😎😎😎👌Хороший разработчик пишет так, как он хочет🫠🫠😌⚡😈😎🤣😅🥲

[pavelkotenev]

Здоровья, счастья и всего наилучшего тебе автор!

[ridddlewrong]

Работающий вариант для Vue 3+ версии (npm vue list и там смотрите версию Vue) и laravel 9 (наверное это не важно)
import { createApp } from 'vue';
import './bootstrap';

const app = createApp({});

Object.entries(import.meta.glob('./**/*.vue', { eager: true })).forEach(([path, definition]) => {
app.component(path.split('/').pop().replace(/\.\w+$/, ''), definition.default);
});
app.mount('#app');

метод перед app.mount('#app'); добавляет каждый компонент вместо вас без необходимости добавлять импорты вручную

npm run build
npm run watch/dev

[farhad_f]

С такой конфигурацией app.js у меня все заработало. (vue - version : 3.2.47)

import { createApp } from 'vue';
import PostComponent from
import './bootstrap';

const app = createApp({
el: '#app',

components:{
'post-component': PostComponent,
}
});
app.mount('#app');

[pfkcskafan]

Спустя 6 часов тупления в монитор я увидел недописанную решётку🤕

[spitzer]

Забежал на этот видос освежить память про накат vue, а на laravel 10 всё это оказалось уже не актуально :(. Хотя казалось бы, всего год прошёл.
По хорошему адаптировать бы установку vue под современные реалии...

[ВячеславТараканов-би]

Кое-как разобрался. Ну точнее установил вью 2. Вью 3 что-то никак не хотело работать( Спасибо за урок. Я снова с вами)

[irvicon]

<LC> спасибо за видео.
JS / Vue / Laravel 8
Кто подскажет для VSCode какие расширения "волшебным образом" будут подтягивать Vue синтаксис?

[DmitriiYa]

Добрый. Вопрос: скомпилированный Vue может работать без Node? Допустим разработка велась где-то, а выгрузка будет на ограниченный сервер, где только MySQL и Пыха.

[projectgoodchannel]

Про обязательный див блок уже не актуально, можно и просто единички прописать, проверено!

[TheDinamitt]

У меня компонентов штук 15, но часть из них используется только на страницах редактирования в CRUD, в итоге app.js после минификации весит 800+ кб. Как правильно разделить app.js на несколько файлов?
И еще вопрос, можно ли использовать AlpineJs внутри блока app, VueJs начинает ругаться при компилировании.

[ZA-Pobedu-RF]

Привет! У меня ошибка: export 'default' (imported as 'Vue') was not found in 'vue' все делаю как у тебя

[alcoholic_monk]

чёрт возьми я голову сломал, делал как на видео и мне в консоле при переходе в home вылетает

app.js:633

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

(found in <Root>)

ЧТО ЭТО!

[Olegcowboyoleg]

Vue3 & Lara10 работает компонент и без окружения <div> </div>