Javascript 如何在Vue文件中使用刀片？

我正在尝试在我的Vue文件carousel-signUp.Vue中使用Blade

比如：

但最后我还是犯了一个错误

编译器无法理解Vue语法和Blade语法之间的差异。如何在Vue文件中定义刀片语法

---

或者，有人知道如何在我的vue文件中使用{route'dump'}}值吗？

您可以将{{route'dump'}作为道具传递给组件

---

Mick

更好的解决方案可能是将所需的刀片变量输出到隐藏的html，并在Vue代码中选择该html。用@避开Vue的花括号

您的blade example.blade.php 你好，世界 {{vueVar}}

---

您不能在Vue文件中使用刀片，但可以使用Vue插槽，以便将刀片文件中的内容发送到组件：

Vue文件

刀片

---

当您的组件应该具有动态内容时，这将非常有用。如果在该组件中，您只需要来自blade的路由，并且表单将永远相同，请查看@Mick answer。

blade不能在vue文件中使用。您知道在我的vue文件中使用{route'dump'}}值吗？？：

<template>
    <div>           
        <form action="{{route('dump')}}" method="POST" >
           /* Some code here...*/
        </form>
   </div>
</template>

<div id="content" hidden>
    {{ bladeVar }}
</div>

<div id="app">
    @{{ vueVar }}
</div>

<template>
    <div>           
        <slot></slot>
    </div>
</template>

<carousel-sign-up>
    <form action="{{route('dump')}}" method="POST" >
        /* Some code here...*/
    </form>
</carousel-sign-up>