vue.js 组件使用 laravel 刀片作为模板

Question

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

Answer 1

我不相信他试图做的事情是荒谬的。

我发现 Laravel Blade 有些事情比 Vue 做得更好，只是想使用 vue 资源异步返回准备好的刀片运行模板。

您实际上可以做的是制作 vue Blade 模板。这实际上是由 Laravel 通过返回具有 vue 代码的视图的路由传递的。这样一来，刀片模板的用户就可以做他在 PHP 中最擅长的事情，刀片返回一个包含代码的好的 vue 模板。

Answer 2

如果您有内联模板，那么您可以在其中输出任何您想要的内容（从您的 something.blade.php 文件中）：

<super-duper-component inline-template >

{!! $some_php_variable_sent_to_the_view !!}

@{{ $data.someVueDataProperty | json }}

</super-duper-component>

您可以使用刀片 @include('path-to.super-duper-component') 从一个简单的 super-duper-component.blade.php 文件中包含这个 sn-p，这样您就可以将组件的模板保存在一个位置，以便将来维护模板。