exolnet/laravel-vue-data

添加了易于从 Laravel 到 Vue 传递数据的实用工具。

v1.7.0 2024-04-29 15:22 UTC

This package is auto-updated.

Last update: 2024-08-29 15:59:42 UTC


README

Latest Stable Version Software License Build Status Total Downloads

添加了易于从 Laravel 到 Vue 传递数据的实用工具。

安装

使用 composer 安装此包

composer require exolnet/laravel-vue-data

如果你不使用包自动发现,请将服务提供者添加到 config/app.php 文件中的 providers 数组

Exolnet\VueData\VueDataServiceProvider::class

并将外观添加到 config/app.php 文件中的 facades 数组

'Vue' => Exolnet\VueData\Facades\Vue::class

使用方法

定义变量

首先,你需要定义在 Vue 应用程序中可用的变量。

在你的 PHP 代码中

Vue::put('variable', 'value')

在 Blade 视图中

@vue('variable', 'value')

使变量可用

在你的基本布局中,在主 app.js 之前添加以下视图,以使变量可用

@include('vue-data::variables')

使用变量

在你的 app.js 中,当变量可用时使用它们定义的变量

new Vue({
    el: '#app',
    data: () => window.App || {},
});

测试

要运行 phpUnit 测试,请使用

composer test

贡献

有关详细信息,请参阅 CONTRIBUTINGCODE_OF_CONDUCT

安全性

如果你发现任何与安全性相关的问题,请通过电子邮件 security@exolnet.com 而不是使用问题跟踪器。

致谢

许可

此代码根据 MIT 许可证 许可。有关更多信息,请参阅 许可文件