Laravel 9.x with Vue.js and DataTables

Everything that I’ve seen so far on how to setup DataTables did not yield the kind of results that I needed. I wanted a simple integration of DataTables into my Vue.js/Laravel project, but that was proving more difficult to find than not. This shouldn’t be as difficult as it was made out to be. Let’s take an extremely simple approach to this.

Read the previous article on setting up Vue and Vue-Router into the Laravel project.

Laravel 9.x with Vue, Tailwind, and Vue-Router

The end goal of this article is to have a functioning DataTables example that pulls User data from the server. That means that we’re not pulling all of the records at once, which makes large databases manageable.

Recap

We have a route that directs users to index.blade.php via a route in web.php.

<?php

use Illuminate\Support\Facades\Route;

Route::get('/{all}', function () {
    return view('index');
})->where("all", ".*");