如何在 Vuejs 中使用 Laravel 刀片语法答案

【问题标题】：How to use Laravel blade syntax in Vuejs如何在 Vuejs 中使用 Laravel 刀片语法
【发布时间】：2019-03-27 20:42:05
【问题描述】：

如何在Vue.js 组件中实现下面Laravel 的这种语法？

@if(!Auth::guest())
    @if(Auth::user()->id === $post->user->id)
        <a href=#>edit</a>
    @endif
@endif

【问题讨论】：

Laravel Blade 在服务端渲染，而 Vue.js 在浏览器中运行。您需要在 JavaScript 中将用户的凭据提供给您的 Vue 应用程序，以便它知道该做什么。为了帮助您做到这一点，我们需要更多关于您的应用程序结构的信息，以及您的 Vue.js 代码中是否有任何类型的访问控制。

【解决方案1】：

现在可以使用了

<example-component :user="{{json_encode(Auth::user())}}"></example-component>

示例.vue

<template>
  <p>{{ user.name }}</p>
</template>export default {props : ['user']}

【讨论】：