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而不是使用问题跟踪器。