将会话数据从laravel控制器传递到vuejs模板

Question

无论如何，我可以将会话数据从我的laravel控制器传递到.vue文件吗？

请帮忙。

PS：我正在使用laravel 5.4和vuejs 2

Answer 1

您可以从刀片模板中将字符串和colllections传递给vue，如下所示：

<my-component :collection="{!! $collection->toJson() !!}" string=" {{ $string }}"></my-component>

请记住将相应的道具添加到MyComponent.vue文件中。

props: ['collection', 'string']

更具体地说，如果您打算使用Laravel session('key', 'default')中的值，那么您必须确定是否需要对对象或数组进行json编码，或者是否只传递字符串值。

Answer 2

首先，您需要从控制器构造一个方法，ajax请求它并从vue方法中捕获它。

实施例： 来自你的控制器：

 function mysession(){
 return session()->all()}

你的vue中的

就像在挂载（）或准备好

时调用这个方法一样

 var self = this
 $.get('mysession',function(response) {
 self.sessionsData = response; }

执行sessionData之后，会自动保存来自控制器的会话对象。