ianrothmann/laravel-vue-bridge

连接 Laravel 变量和路由到 Vue 和 Vuex 的桥梁

0.6.1 2018-03-18 15:17 UTC

This package is auto-updated.

Last update: 2024-09-04 20:16:38 UTC


README

这是在 Vue 组件内暴露 Laravel 变量和路由的桥梁。它支持 Vuex。适用于使用多个 Vue 组件的多页应用。目的是获取 Laravel 和 Vue 提供的最佳特性。

此包应与 VueBridge npm 包一起使用(https://github.com/ianrothmann/VueBridgeJs)。

安装

composer require ianrothmann/laravel-vue-bridge

在 config/app.php 中

服务提供者

IanRothmann\LaravelVueBridge\ServiceProviders\VueBridgeServiceProvider::class

外观

'VueBridge' =>IanRothmann\LaravelVueBridge\Facades\VueBridge::class

在主 blade 文件中,在

<script src="{{ mix('js/app.js') }}"></script> 

之前,你应该添加

{!! VueBridge::scripts(get_defined_vars()) !!}

暴露变量

在控制器中

VueBridge::exposeVariables([array of variable names to expose]);

VueBridge::hideVariables([array of variable names to hide, all others will be exposed]);

VueBridge::exposeAllVariables();

VueBridge::hideAllVariables();

暴露路由

在 web.php 或中间件中。默认情况下路由是隐藏的

VueBridge::exposeAllRoutes(); //exposes all named routes

VueBridge::exposeRoutes(([array of route names]);

VueBridge::hideRoutes([array of route names]);

稍后提供更多文档