- Первый модульный компонент Vue3 в Laravel проекте
resources\js\components\MyTest.vue
<template>
<div>test</div>
</template>
- регистрируем компонент Vue в Laravel проекте
resources\js\app.js
require('./bootstrap');
import {createApp} from 'vue';
import MyTest from './components/MyTest.vue';
const app=createApp({});
app.component('my-test',MyTest);
app.mount('#app');
- На шаблоне Laravel проекта
(пример resources\views\index.blade.php)
размещение Vue3 компонента в атрибуте id тега (примере my-test)
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="app">
<my-test/>
</div>
<script src="./js/app.js"></script>
</body>
</html>
- создание роуминга Laravel
для шаблона (пример resources\view\index.blade.php)
как главной страницы
на routes\web.php
...
Route::get('/', function () {
return view('index');
});
...
