Laravelのディレクティブや変数をVueコンポーネントで使いたいときはslotが便利

環境：vue2

Laravel側のディレクティブや変数の内容をVueのコンポーネントの中で使いたい場合、
propsで頑張るのではなく、slotを使ったほうがシンプルに実装できるかも。
↓こんな感じ（必要な個所以外は省略しています）

blade側

<side-menu>
      @auth
      <ul class="side-menu-inner">
        <li><a href='{{ route("users.show", ["uid" => Auth::user()->uid]) }}'>マイページ</a></li>
        <li><a href='{{ route("users.info") }}'>通知</a></li>
      @endauth
      @guest
      <ul class="side-menu-inner">
        <li><a href='{{ route("users.register") }}'>新規登録</a></li>
        <li><a href='{{ route("users.login") }}'>ログイン</a></li>
      </ul>
      @endguest
</side-menu>

SideMenu.vue

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

特に@guestと@authの出し分けなんかは、slot無しでやろうと思ったらbladeからAuth::check()の結果をvueにpropsで渡して、v-ifで出し分けて～とかになってしまうので。

なお、Laravelからjsへの値の受け渡し方法については、下記記事様がわかりやすくまとめてくださってます。