Vue.js组件使用Laravel Blade作为模板

Question

我的想法是在vue/vueify组件的<template></template>中使用laravel blade。我不确定如何运行blade处理器并将HTML输出到.vue文件中的模板或导入的模板文件中。

- jjohnson

---

这是一个可怕的想法。IDE会生气，编译器也会生气。而且我真的看不出来这样做有什么意义。为什么不只是出于好奇心使用.vue文件呢？ - Yauheni Prakopchyk

是的，我甚至还没有尝试过它，我被概念部分卡住了。 - jjohnson

你卡住了，因为这样做是不应该的。 - ceejayoz

Answer 1

我不认为他试图做的事情是荒谬的。

我发现Laravel Blade在某些方面比Vue表现得更好，只是想要获取一个准备好的Blade运行模板，使用Vue Resource异步返回。

你可以实际上创建vue blade模板。然后通过Laravel通过路由传递视图，返回具有vue代码的视图。这样，它使得Blade模板的用户可以在PHP中做他们最擅长的事情，然后将其返回一个良好的vue模板，其中包含代码。

- Emmanuel Mahuni

Answer 2

如果您在模板中嵌入了内容，那么您可以从something.blade.php文件中输出任何想要的内容：

<super-duper-component inline-template >

{!! $some_php_variable_sent_to_the_view !!}

@{{ $data.someVueDataProperty | json }}

</super-duper-component>

您可以使用Blade @include('path-to.super-duper-component') 来包含此片段，该片段来自于一个简单的super-duper-component.blade.php文件，这样您就可以将组件的模板放在一个位置以便于未来维护模板。

- Douglas.Sesar

---

我之前没有考虑过将Vue包含到Blade中...我得尝试一下，谢谢。 - jjohnson