Рубрика: Vue компоненты

Рубрики
Vue.js Vue компоненты

Структура компонента Vue3

  • Автор записи Автор: bo52
  • Дата записи 12.04.2022
Рубрики
Vue.js Vue компоненты

Компонент Tabs

Компонент Tabs регистрируется глобально не явно и выводит универсальные вкладки через props

универсальный компонент Tabs во Vue.js
Vue.js
Рубрики
Laravel+Vue3 project Vue.js Vue компоненты JQuery

Vue Окно в движении

JQuery

включить библиотеку из интернета
главный шаблон Laravel

resources\views\index.blade.php

<!DOCTYPE html>
<html lang="eng">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://codegid.ru/default/js/jquery/jquery-1.7.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/jquery.event.drag-2.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/jquery.event.drag.live-2.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/ui/1.12.0/jquery-ui.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <body>
        <div id="app">
            <my-app/>
        </div>
        <script src="./js/app.js"></script>
    </body>
</html>
Рубрики
Laravel+Vue3 project Vue.js Vue компоненты Laravel

Vue Создать запись в БД

Вывод UI модального окна для создания записи

Рубрики
Laravel+Vue3 project Vue.js Vue компоненты

Vue Список записей из БД

routes\api.php
роутинг модуля в Laravel обращается
к контроллеру ElementsController
для получения записей из БД через метод index

<?php

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ElementsController;

вывести все записи таблицы через контроллер 
Route::get('/all',[ElementsController::class, 'index']);