exolnet / laravel-vue-data
添加了易于从 Laravel 到 Vue 传递数据的实用工具。
v1.7.0
2024-04-29 15:22 UTC
Requires
- php: ^8.1
- illuminate/support: ^10.0|^11.0
Requires (Dev)
- exolnet/phpcs-config: ^2.0
- laravel/pint: ^1.2
- mockery/mockery: ^1.4
- orchestra/testbench: ^8.0|^9.0
- phpunit/phpunit: ^10.5
- squizlabs/php_codesniffer: ^3.6
README
添加了易于从 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
贡献
有关详细信息,请参阅 CONTRIBUTING 和 CODE_OF_CONDUCT
安全性
如果你发现任何与安全性相关的问题,请通过电子邮件 security@exolnet.com 而不是使用问题跟踪器。