- создание модели с именем Модель
-m создание файла миграции
php artisan make:model Модель -mapp\Models\Модель.php
<?php
namespace App\Models;
use Illuminate\Database\Eloquent\Model;
class Модель extends Model{
...
}Рубрика: Паттерн — архитектурный
- Первый модульный компонент 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');
});
...Абсолютный путь
- файл webpack.mix.js в корне проекта
(пример сократить путь к компонентам)
const mix = require('laravel-mix');
const path = require('path');
mix.webpackConfig({
resolve: {
alias: {
'components':path.resolve(__dirname,'resources/components/')
},
},
});любой файл, связанный с vue
../Project/resources/components/dir1/dir2/comp.js
import comp from 'root/dir1/dir2/comp';
../Project/resources/components/dir1/dir2/comp.vue
import comp from 'root/dir1/dir2/comp.vue';