How to use Laravel blade syntax in Vuejs

Question

How to implement this syntax of Laravel below inside a Vue.js component?

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

Laravel Blade is rendered on the server, but Vue.js runs in the browser. You need to provide the user's credentials to your Vue application in JavaScript so that it can know what to do. In order to help you do that, we need some more information about the structure of your application and if your Vue.js code has any kind of access control in it yet. — Moshe Katz
– Moshe Katz, Commented Mar 27, 2019 at 1:55

bokino12 · Accepted Answer · 2019-03-27 12:42:05Z

1

This works now

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

Exemple.vue

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

answered Mar 27, 2019 at 12:42

bokino12

3495 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1