pkboom/laravel-inertia-vue-component

0.23 2021-04-26 16:59 UTC

This package is auto-updated.

Last update: 2024-09-27 00:13:51 UTC


README

安装

使用composer安装此包

composer require pkboom/laravel-inertia-vue-component

使用方法

创建一个新的控制器,其中包含Inertia:render

// SomeController.php

public function index() {
    return Inertia::render('Some/Index', [
        'foo' => 'foo',
        'bar' => 'bar',
    ]);
}

运行此命令。

php artisan make:inertia-vue-component <Controller Name>
// e.g. php artisan make:inertia-vue-component SomeController

js/Pages/Some/Index.vue已创建,包含props

export default {
    props: {
        foo: String,
        bar: String,
    }
    ...
}

要向现有组件添加prop,首先在Inertia::render中添加一个新的key => value

// SomeController.php

public function index() {
    return Inertia::render('Some/Index', [
        'foo' => 'foo',
        'bar' => 'bar',
        'new' => 'new',
    ]);
}

运行此命令。

php artisan make:inertia-vue-component SomeController

js/Pages/Some/Index.vue中创建了一个新的prop。

export default {
    props: {
        new: String,
        foo: String,
        bar: String,
    }
    ...
}

发布以编辑占位符。

php artisan vendor:publish --provider="Pkboom\InertiaVueComponent\InertiaVueComponentServiceProvider"