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

Posted 2023-02-22

【中文标题】vue.js 组件使用 laravel 刀片作为模板

【英文标题】：vue.js component using laravel blade for the template

【发布时间】：2016-03-18 09:31:43

【问题描述】：

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

【问题讨论】：

这是一个可怕的想法。 IDE会发疯的。编译器会发疯的。我真的认为这样做没有任何意义。为什么不直接使用 .vue 文件呢？

是的，我什至没有尝试过，我被困在概念部分。

你被卡住了，因为不应该这样做。

【参考方案1】：

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

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

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

【参考方案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，这样您就可以将组件的模板保存在一个位置，以便将来维护模板。

【讨论】：

我没有想过将 vue 包含在刀片中...我将不得不尝试一下，谢谢